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.)
Línea 2: Línea 2:


=== Descripción: ===
=== Descripción: ===
Tipo: Comprobación manual
'''Tipo''': Comprobación manual
 
'''Procedimiento de comprobación:'''
 


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.
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.
Línea 13: Línea 15:
''' Referencia WCAG 2.1 '''
''' Referencia WCAG 2.1 '''
Se indican las referencias con las pautas 2.1
Se indican las referencias con las pautas 2.1
<html>
[https://www.w3.org/WAI/WCAG21/Techniques/html/H57 H57: Using the language attribute on the HTML element]
<ul>
<li> <a href="https://www.w3.org/WAI/WCAG21/Techniques/html/H57">
H57: Using the language attribute on the HTML element</a> </li>
</ul>
</html>


=== Descripción: ===
=== Descripción: ===

Revisión del 22:20 2 jun 2025

3.1.1- A. Se debe identificar el idioma principal de la página con los atributos adecuados

Descripció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.

EEMPLO ACCESIBLE:

A) EEMPLO ACCESIBLE: Referencia WCAG 2.1 Se indican las referencias con las pautas 2.1 H57: Using the language attribute on the HTML element

Descripción:

El idioma predeterminado de cada página web puede ser determinado por software.

Objetivo:

Proporcionar la información necesaria para que los agentes de usuario puedan presentar el texto y otro contenido lingüístico de forma correcta.

A) 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"

B) 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"