Diferencia entre revisiones de «Principio 3/3.1 Leíble/3.1.2-A»
Sin resumen de edición |
Sin resumen de edición |
||
| Línea 20: | Línea 20: | ||
=== EJEMPLOS ACCESIBLES === | === EJEMPLOS ACCESIBLES === | ||
ACORDEON - AÑO - UNIVERSIDAD | ACORDEON - AÑO - UNIVERSIDAD | ||
<html> | |||
<div class="custom-post-item"> | |||
<h3>e) Ejemplo accessible</h3> | |||
<p>Identificación correcta del idioma: Ingles de Reino unido. “en-GB” </p> | |||
<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> 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> | |||
</HTML> | |||
ACORDEON - AÑO - UNIVERSIDAD | ACORDEON - AÑO - UNIVERSIDAD | ||
<html> | |||
<div class="custom-post-item"> | <div class="custom-post-item"> | ||
<h3>e) Ejemplo accessible</h3> | <h3>e) Ejemplo accessible</h3> | ||
| Línea 39: | Línea 44: | ||
</div> | </div> | ||
</HTML> | |||
=== EJEMPLOS NO ACCESIBLES === | |||
ACORDEON - AÑO - UNIVERSIDAD | |||
<HTML> | |||
<div class="accessibility-card-error"> | |||
<h3>f) Ejemplo NO accessible</h3> | |||
<p>El idioma no se identifica de forma adecuada en el atributo alt. | |||
Se escribe el idioma "en" y deberia ser "ch" </p> | |||
<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> 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> | |||
</html> | |||
ACORDEON - AÑO - UNIVERSIDAD | |||
<HTML> | |||
<div class="accessibility-card-error"> | <div class="accessibility-card-error"> | ||
Revisión del 17:15 4 jun 2025
3.1.2-A. Se debe identificar los cambios de idioma respecto al idioma principal con los atributos adecuados según la gramática usada y con un código de idioma correcto.
EVALUACIÓN
Nombre de la herramienta: Comprobación manual
Procedimiento de comprobación:
1. Localizar dónde se producen cambios e idioma en el texto de la página
2. Usando la herramienta de inspección de código del navegador, comprobar que se indica este cambio de idioma con los atributos lang y/o xml:lang.
3. Verificar que el código de idioma sigue la sintaxis correcta.
REFERENCIA WCAG 2.1
- H58: Using language attributes to identify changes in the human language.
LISTA DE EJEMPLOS ACCESIBLES Y NO ACCESIBLES
EJEMPLOS ACCESIBLES
ACORDEON - AÑO - UNIVERSIDAD
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
ACORDEON - AÑO - UNIVERSIDAD
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
EJEMPLOS NO ACCESIBLES
ACORDEON - AÑO - UNIVERSIDAD
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
ACORDEON - AÑO - UNIVERSIDAD
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
