Diferencia entre revisiones de «Principio 3/3.1 Leíble/3.1.1-A»
Sin resumen de edición |
|||
| Línea 31: | Línea 31: | ||
=== Explicación del criterio === | === Explicación del criterio === | ||
El idioma predeterminado de cada página web puede ser determinado por software. | El idioma predeterminado de cada página web puede ser determinado por software. | ||
=== Objetivo del criterio === | |||
Proporcionar la información necesaria para que los agentes de usuario puedan presentar el texto y otro contenido lingüístico de forma correcta. | |||
=== Porque es importante cumplir con este criterio === | === Porque es importante cumplir con este criterio === | ||
Para que los usuarios que utilizan un lector de pantalla puedan comprender el texto leido por la herramienta. | |||
=== Referencias relacionadas con las pautas WCAG 2.1 === | === Referencias relacionadas con las pautas WCAG 2.1 === | ||
| Línea 40: | Línea 43: | ||
* [https://www.w3.org/WAI/WCAG21/Techniques/html/H57 H57: Using the language attribute on the HTML element] | * [https://www.w3.org/WAI/WCAG21/Techniques/html/H57 H57: Using the language attribute on the HTML element] | ||
=== | === Explicación (VIDEO) del criterio === | ||
https://youtu.be/Ed8CNJrkm74 | |||
=== Proceso para evaluar este criterio === | |||
'''Tipo''': Comprobación manual | '''Tipo''': Comprobación manual | ||
| Línea 74: | Línea 80: | ||
<pre>Explicación del ejemplo "El código HTML tiene atributo alt="en-GB" que es el idioma (inglés) en el que está escrito el contenido de la página"</pre> | <pre>Explicación del ejemplo "El código HTML tiene atributo alt="en-GB" que es el idioma (inglés) en el que está escrito el contenido de la página"</pre> | ||
<pre> URL <a href="https://www.sony.com.cn/">página web de SONY (china)</a> </pre> | <pre> URL <a href="https://www.sony.com.cn/">página web de SONY (china)</a> </pre> | ||
<pre> VIDEO <a href="https://youtu.be/Ed8CNJrkm74?t=5086">video de ejemplo accesible</a></pre> | |||
</div> | </div> | ||
| Línea 84: | Línea 91: | ||
<pre>alt="Se muestra un atributo lang no valido porque no se identifica el idioma de forma adecuada"</pre> | <pre>alt="Se muestra un atributo lang no valido porque no se identifica el idioma de forma adecuada"</pre> | ||
<pre> URL <a href="https://www.sony.co.uk/">página web de SONY (inglaterra)</a></pre> | <pre> URL <a href="https://www.sony.co.uk/">página web de SONY (inglaterra)</a></pre> | ||
<pre> VIDEO <a href="https://youtu.be/Ed8CNJrkm74?t=5042">video de ejemplo NO accesible</a></pre> | |||
</div> | </div> | ||
</html> | </html> | ||
Revisión del 08:12 3 jun 2025
3.1.1- A. Idioma de la página
| Nivel | A | ||
| Versión | 2.2 | ||
| Usuarios con los que impacta | Discapacidad visual total |
Personas que escuchan con un lector de voz |
Otro tipo de usuario
[icono] |
| Categoria | Contenido | ||
| Subcategoria | Texto |
Explicación del criterio
El idioma predeterminado de cada página web puede ser determinado por software.
Objetivo del criterio
Proporcionar la información necesaria para que los agentes de usuario puedan presentar el texto y otro contenido lingüístico de forma correcta.
Porque es importante cumplir con este criterio
Para que los usuarios que utilizan un lector de pantalla puedan comprender el texto leido por la herramienta.
Referencias relacionadas con las pautas WCAG 2.1
Se indican las referencias con las pautas 2.1.
Explicación (VIDEO) del criterio
Proceso para evaluar este criterio
Tipo: Comprobación manual
Procedimiento de comprobación:
1. Usando la herramienta de inspección de código del navegador, comprobar que existe el elemento con los atributos lang y/o xml:lang. 2. Verificar que el código de idioma sigue la sintaxis correcta.
Alternativa
Mirar si hay:
- con los atributos lang y/o xml:lang y se adaptan al idioma de la pàgina.
- Revisar el elemento y comprovar si tiene la etiqueta adecuada según:
- Tabla de ISO 639-1 Language Codes (lenguajes genéricos)
- Tags for Identifying Languages (dialectos de lenguajes)
Herramienta de inspección Bookmarklet
Arrastra este enlace a tu barra de marcadores:
Ejemplos del criterio
e) Ejemplo accessible
Identificación correcta del idioma: Ingles de Reino unido. “en-GB”
Explicación del ejemplo "El código HTML tiene atributo alt="en-GB" que es el idioma (inglés) en el que está escrito el contenido de la página"
URL página web de SONY (china)
VIDEO video de ejemplo accesible
f) Ejemplo NO accessible
El idioma no se identifica de forma adecuada en el atributo alt. Se escribe el idioma "en" y deberia ser "ch"
alt="Se muestra un atributo lang no valido porque no se identifica el idioma de forma adecuada"
URL página web de SONY (inglaterra)
VIDEO video de ejemplo NO accesible
