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 19: | Línea 19: | ||
1. Usando la herramienta de inspección de código del navegador, comprobar que existe el elemento <html> 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 <html> con los atributos lang y/o xml:lang. 2. Verificar que el código de idioma sigue la sintaxis correcta. | ||
<html> | |||
<div class="accessibility-card"> | <div class="accessibility-card"> | ||
<h3>Ejemplo accessible</h3> | <h3>e) Ejemplo accessible</h3> | ||
<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 27: | Línea 27: | ||
</div> | </div> | ||
<div class="accessibility-card-error"> | <div class="accessibility-card-error"> | ||
<h3>Ejemplo NO accessible</h3> | <h3>f) Ejemplo NO accessible</h3> | ||
<p>Aquest exemple es acccesible, el parametre alt de l'etiqueta img esta complert</p> | <p>Aquest exemple es acccesible, el parametre alt de l'etiqueta img esta complert</p> | ||
<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="Imagen de ejemplo NO accesible"</pre> | <pre>alt="Imagen de ejemplo NO accesible"</pre> | ||
</div> | </div> | ||
</html> | |||
Revisión del 22:24 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”
alt="Imagen de ejemplo accesible"
f) Ejemplo NO accessible
Aquest exemple es acccesible, el parametre alt de l'etiqueta img esta complert
alt="Imagen de ejemplo NO accesible"
