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 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''' == | ||
=== Descripción: === | === a) Descripción: === | ||
El idioma predeterminado de cada página web puede ser determinado por software. | El idioma predeterminado de cada página web puede ser determinado por software. | ||
=== Objetivo: === | === 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. | Proporcionar la información necesaria para que los agentes de usuario puedan presentar el texto y otro contenido lingüístico de forma correcta. | ||
=== Referencia WCAG 2.1: === | === c) Referencia WCAG 2.1: === | ||
Se indican las referencias con las pautas 2.1. | Se indican las referencias con las pautas 2.1. | ||
* [https://www.w3.org/WAI/WCAG21/Techniques/html/H57 H57: Using the language attribute on the HTML element] | * [https://www.w3.org/WAI/WCAG21/Techniques/html/H57 H57: Using the language attribute on the HTML element] | ||
=== Evaluación: === | === d) Evaluación: === | ||
'''Tipo''': Comprobación manual | '''Tipo''': Comprobación manual | ||
| 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. | ||
=== Ejemplo accesible === | === e) Ejemplo accesible === | ||
<div class="accessibility-card"> | <div class="accessibility-card"> | ||
<h3>Ejemplo accessible</h3> | <h3>Ejemplo accessible</h3> | ||
| Línea 27: | Línea 27: | ||
</div> | </div> | ||
=== f) Ejemplo No accesible === | |||
<div class="accessibility-card-error"> | |||
<h3>Ejemplo NO accessible</h3> | <h3>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> | ||
Revisión del 22:23 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 <html> con los atributos lang y/o xml:lang. 2. Verificar que el código de idioma sigue la sintaxis correcta.
e) Ejemplo accesible
Ejemplo accessible
Identificación correcta del idioma: Ingles de Reino unido. “en-GB”
<img src="https://www.wikiwcag.udl.cat/images/0/0e/3.1.1-A-202425.jpg" alt="">
alt="Imagen de ejemplo accesible"
f) Ejemplo No accesible
Ejemplo NO accessible
Aquest exemple es acccesible, el parametre alt de l'etiqueta img esta complert
<img src="https://www.wikiwcag.udl.cat/images/b/bc/3.1.1-NA-202425.jpg" alt="">
alt="Imagen de ejemplo NO accesible"
