Diferencia entre revisiones de «Principio 3/3.1 Leíble/3.1.1-A»
Sin resumen de edición |
Sin resumen de edición |
||
| Línea 1: | Línea 1: | ||
== '''3.1.1- A. Se debe identificar el idioma principal de la página con los atributos adecuados''' == | == '''3.1.1- A. Se debe identificar el idioma principal de la página con los atributos adecuados''' == | ||
{| | |||
|+ | |||
!Usuarios que impacta | |||
![[Archivo:IconoVisual.jpg|miniaturadeimagen|30x30px]]Discapacidad visual total | |||
!Personas que escuchan con un lector de pantalla[[Archivo:IconoBajaVision.jpg|miniaturadeimagen|30x30px]] | |||
! | |||
|- | |||
|Nivel | |||
|A | |||
| | |||
| | |||
|- | |||
|Versión | |||
|2.2 | |||
| | |||
| | |||
|- | |||
| | |||
| | |||
| | |||
| | |||
|} | |||
=== a) Descripción === | === a) Descripción === | ||
| Línea 19: | Línea 41: | ||
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. | 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''' | '''Alternativa''' | ||
Mirar si hay: | 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: | * Revisar el elemento y comprovar si tiene la etiqueta adecuada según: | ||
* Tabla de ISO 639-1 Language Codes (lenguajes genéricos) | ** Tabla de [https://www.w3schools.com/tags/ref_language_codes.asp ISO 639-1 Language Codes ](lenguajes genéricos) | ||
* Tags for Identifying Languages (dialectos de lenguajes) | ** [https://datatracker.ietf.org/doc/html/rfc5646 Tags for Identifying Languages] (dialectos de lenguajes) | ||
'''Herramienta de inspección Bookmarklet''' | |||
Arrastra este enlace a tu barra de marcadores: | |||
* | |||
<html> | |||
<a href="javascript:(function(){alert('Idioma de la p%C3%A1gina: \n ' + document.documentElement.lang);})();"> Bookmarklet contultar el idioma de la pàgina </a> | |||
</html> | |||
Revisión del 07:39 3 jun 2025
3.1.1- A. Se debe identificar el idioma principal de la página con los atributos adecuados
| Usuarios que impacta |  |
Personas que escuchan con un lector de pantalla |
|
|---|---|---|---|
| Nivel | A | ||
| Versión | 2.2 | ||
a) Descripción
El idioma predeterminado de cada página web puede ser determinado por software.
b) Objetivo
Proporcionar la información necesaria para que los agentes de usuario puedan presentar el texto y otro contenido lingüístico de forma correcta.
c) Referencia WCAG 2.1
Se indican las referencias con las pautas 2.1.
d) Evaluación
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:
Bookmarklet contultar el idioma de la pàgina
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)
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)
