Diferencia entre revisiones de «Principio 3/3.1 Leíble/3.1.2-A»
De UX Wiki
Sin resumen de edición |
Sin resumen de edición |
||
| (No se muestra una edición intermedia de otro usuario) | |||
| Línea 1: | Línea 1: | ||
== '''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.''' == | == '''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 == | === EVALUACIÓN === | ||
'''Nombre de la herramienta''': Comprobación manual | '''Nombre de la herramienta''': Comprobación manual | ||
| Línea 12: | Línea 12: | ||
3. Verificar que el código de idioma sigue la sintaxis correcta. | 3. Verificar que el código de idioma sigue la sintaxis correcta. | ||
== REFERENCIA WCAG 2.1 == | === REFERENCIA WCAG 2.1 === | ||
* H58: Using language attributes to identify changes in the human language. | * H58: Using language attributes to identify changes in the human language. | ||
== LISTA DE EJEMPLOS ACCESIBLES Y NO ACCESIBLES == | ===LISTA DE EJEMPLOS ACCESIBLES Y NO ACCESIBLES === | ||
Se listan diferentes ejemplos | Se listan diferentes ejemplos | ||
==== EJEMPLOS ACCESIBLES ==== | |||
=== EJEMPLOS ACCESIBLES === | |||
<html> | <html> | ||
<details class="acordeon-estilizado"> | <details class="acordeon-estilizado"> | ||
| Línea 30: | Línea 26: | ||
<div class="custom-post-item"> | <div class="custom-post-item"> | ||
< | <h4>e) Ejemplo accessible</h4> | ||
<p>Identificación correcta del idioma: Ingles de Reino unido. “en-GB” </p> | <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=""> | <img src="https://www.wikiwcag.udl.cat/images/0/0e/3.1.1-A-202425.jpg" alt=""> | ||
| Línea 47: | Línea 43: | ||
<div class="custom-post-item"> | <div class="custom-post-item"> | ||
< | <h4>e) Ejemplo accessible</h4> | ||
<p>Identificación correcta del idioma: Ingles de Reino unido. “en-GB” </p> | <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=""> | <img src="https://www.wikiwcag.udl.cat/images/0/0e/3.1.1-A-202425.jpg" alt=""> | ||
| Línea 64: | Línea 60: | ||
<div class="custom-post-item"> | <div class="custom-post-item"> | ||
< | <h4>e) Ejemplo accessible</h4> | ||
<p>Identificación correcta del idioma: Ingles de Reino unido. “en-GB” </p> | <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=""> | <img src="https://www.wikiwcag.udl.cat/images/0/0e/3.1.1-A-202425.jpg" alt=""> | ||
| Línea 79: | Línea 75: | ||
</html> | </html> | ||
=== EJEMPLOS NO ACCESIBLES === | ==== EJEMPLOS NO ACCESIBLES ==== | ||
<HTML> | <HTML> | ||
<details class="acordeon-estilizado"> | <details class="acordeon-estilizado"> | ||
| Línea 86: | Línea 82: | ||
<p> | <p> | ||
<div class="accessibility-card-error"> | <div class="accessibility-card-error"> | ||
< | <h4>f) Ejemplo NO accessible</h4> | ||
<p>El idioma no se identifica de forma adecuada en el atributo alt. | <p>El idioma no se identifica de forma adecuada en el atributo alt. | ||
Se escribe el idioma "en" y deberia ser "ch" </p> | Se escribe el idioma "en" y deberia ser "ch" </p> | ||
| Línea 107: | Línea 103: | ||
<p> | <p> | ||
<div class="accessibility-card-error"> | <div class="accessibility-card-error"> | ||
< | <h4>f) Ejemplo NO accessible</h4> | ||
<p>El idioma no se identifica de forma adecuada en el atributo alt. | <p>El idioma no se identifica de forma adecuada en el atributo alt. | ||
Se escribe el idioma "en" y deberia ser "ch" </p> | Se escribe el idioma "en" y deberia ser "ch" </p> | ||
Revisión actual - 07:20 8 oct 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
Se listan diferentes ejemplos
EJEMPLOS ACCESIBLES
AÑO0 - 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
AÑO1 - 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
AÑO2 - 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
AÑO1 - 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
AÑO1 - 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
