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 10: | Línea 10: | ||
<div class="accessibility-card-error"> | <div class="accessibility-card-error"> | ||
<h3>Exemple NO | <h3>Exemple NO accesible</h3> | ||
<p>Falta etiqueta alt en la imatge</p> | <p>Falta etiqueta alt en la imatge</p> | ||
<img src="https://lh5.googleusercontent.com/proxy/8-AB-4UXoIzHeQoPkomtNag9DdpaD7YELws70s0zUKMFPsOZev_UrCppjwF8leWBd2ZSFuJYVm4tQ_DSq3t0Xzece5t1k8C1mZ2uSBLRhcE7tz7mE3tDnB83_AiR-6njAbfIE2uBfReSMqWxzes9ZZwl" alt="image123"> | <img src="https://lh5.googleusercontent.com/proxy/8-AB-4UXoIzHeQoPkomtNag9DdpaD7YELws70s0zUKMFPsOZev_UrCppjwF8leWBd2ZSFuJYVm4tQ_DSq3t0Xzece5t1k8C1mZ2uSBLRhcE7tz7mE3tDnB83_AiR-6njAbfIE2uBfReSMqWxzes9ZZwl" alt="image123"> | ||
Revisión del 20:02 27 abr 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
Exemple accessible
Aquest exemple es acccesible, el parametre alt de l'etiqueta img esta complert
alt="imatge d'exemple accesible"
Exemple NO accesible
Falta etiqueta alt en la imatge
alt=""
En esta imagen se puede observar como correctamente hay un atributo alt
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
{{sust:discutido}}
<ref>Plantilla:Cita web</ref>
