Diferencia entre revisiones de «Principio 3/3.1 Leíble/3.1.1-A»
De UX Wiki
Sin resumen de edición |
Sin resumen de edición |
||
Línea 25: | Línea 25: | ||
<img src="https://www.wikiwcag.udl.cat/images/0/0e/3.1.1-A-202425.jpg" alt=""> | <img src="https://www.wikiwcag.udl.cat/images/0/0e/3.1.1-A-202425.jpg" alt=""> | ||
<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 | <pre> URL <a href="https://www.sony.com.cn/">página web de SONY (china)</a> </pre> | ||
</div> | </div> | ||
Línea 35: | Línea 35: | ||
<img src="https://www.wikiwcag.udl.cat/images/b/bc/3.1.1-NA-202425.jpg" alt=""> | <img src="https://www.wikiwcag.udl.cat/images/b/bc/3.1.1-NA-202425.jpg" alt=""> | ||
<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 | <pre> URL <a href="https://www.sony.co.uk/">página web de SONY (inglaterra)</a></pre> | ||
</div> | </div> | ||
</html> | </html> |
Revisión del 22:31 2 jun 2025
3.1.1- A. Se debe identificar el idioma principal de la página con los atributos adecuados
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.
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)