Diferencia entre revisiones de «Principio 1/1.1 Texto Alternativo/1.1.1- A»
Sin resumen de edición |
Sin resumen de edición |
||
| Línea 4: | Línea 4: | ||
<ul class="mw-collapsible mw-collapsed" | <ul class="mw-collapsible mw-collapsed" | ||
data-expandtext="Mostrar ejemplo accesible" | data-expandtext="Mostrar ejemplo accesible" | ||
data-collapsetext="Ocultar ejemplo accesible"> | data-collapsetext="Ocultar ejemplo accesible" | ||
style="list-style-type: none; padding-left: 0;" | |||
"> | |||
<li> | <li> | ||
<br> | <br> | ||
| Línea 15: | Línea 17: | ||
<ul class="mw-collapsible mw-collapsed" | <ul class="mw-collapsible mw-collapsed" | ||
data-expandtext="Mostrar ejemplo accesible (2)" | data-expandtext="Mostrar ejemplo accesible (2)" | ||
data-collapsetext="Ocultar ejemplo accesible (2)"> | data-collapsetext="Ocultar ejemplo accesible (2)" | ||
style="list-style-type: none; padding-left: 0;" | |||
> | |||
<br> | |||
<li> | <li> | ||
[[Archivo:Images.jpg|alt=imagen de prueba|no|miniaturadeimagen|225x225px|imagen de prueba]] | [[Archivo:Images.jpg|alt=imagen de prueba|no|miniaturadeimagen|225x225px|imagen de prueba]] | ||
| Línea 24: | Línea 30: | ||
<ul class="mw-collapsible mw-collapsed" | <ul class="mw-collapsible mw-collapsed" | ||
data-expandtext="Mostrar ejemplo no accesible" | data-expandtext="Mostrar ejemplo no accesible" | ||
data-collapsetext="Ocultar ejemplo no accesible"> | data-collapsetext="Ocultar ejemplo no accesible" | ||
style="list-style-type: none; padding-left: 0;" | |||
> | |||
<br> | |||
<li> | <li> | ||
[[Archivo:1.1.1-A NoAcc.png|alt=Imagen donde no se aplica correctamente el atributo alt|no|miniaturadeimagen|300x300px|Imagen donde no se aplica correctamente el atributo alt]] | [[Archivo:1.1.1-A NoAcc.png|alt=Imagen donde no se aplica correctamente el atributo alt|no|miniaturadeimagen|300x300px|Imagen donde no se aplica correctamente el atributo alt]] | ||
Revisión del 17:59 24 feb 2025
1.1.1- A. Todo contenido no textual debe disponer de una alternativa textual breve que, siempre que sea posible, proporciona la misma información o cumple el mismo propósito que el contenido no textual
-
Videollamada donde se aplica ok el atributo alt Fuente: página de inicio de la once. https://www.once.es/
-
imagen de prueba Este texto podria ser para un ejemplo de prueba. Estoy testeando la primera version BETA de UX wiki!!
-
Imagen donde no se aplica correctamente el atributo alt Fuente: Página de inicio Universitat de Lleida. http://www.udl.cat/ca/
En esta imagen falta el atributo ALT (observar el código HTML) en la etiqueta IMG
2. Imagen sin texto adecuado en la etiqueta ALT: Ejemplo imagen NO accesible Fuente: Página de noticias Universitat de Lleida. https://www.udl.cat/ca/es/noticias/
En esta imagen se observa que la descripción de las imágenes no es adecuada. Deberían estar sin texto (ALT="") o bien una descripción de la imagen (como si se la explicases a alguien por teléfono).
C) HERRAMIENTAS DE APOYO
Nombre de la herramienta: Web Developer Toolbar
Procedimiento de comprobación:
1. Seleccionar “Images – Outline images without alt attributes” y comprobar la página. Si hay alguna imagen resaltada, es un error y debe proporcionársele un atributo “alt”.
2. Seleccionar “Images – Display alt attributes”. Comprobar la página valorando si el texto de dicho atributo describe el cometido de la imagen.
D) REFERENCIA WCAG 2.1
- G94: Providing short text alternative for non-text content that serves the same purpose and presents the same information as the non-text content
