Diferencia entre revisiones de «Principio 3/3.1 Leíble/3.1.1-A»

De UX Wiki
Afra (discusión | contribs.)
Sin resumen de edición
Afra (discusión | contribs.)
Sin resumen de edición
Línea 24: Línea 24:
     <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="">
     <pre>alt="Imagen de ejemplo accesible"</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 Fuente </pre>
 
   </div>
   </div>


<div class="accessibility-card-error">
<div class="accessibility-card-error">
     <h3>f) 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>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="">
     <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="Se muestra un atributo lang no valido porque no se identifica el idioma de forma adecuada"</pre>
    <pre> URL Fuente </pre>
   </div>
   </div>
</html>
</html>

Revisión del 22:28 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 Fuente 

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 Fuente