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 3: Línea 3:
gramática usada y con un código de idioma correcto
gramática usada y con un código de idioma correcto


=== HERRAMIENTAS DE APOYO ===
''' Herramientas de apoyo '''
Nombre de la herramienta: Comprobación manual
Nombre de la herramienta: Comprobación manual


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


=== 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>
<html>

Revisión del 22:05 2 jun 2025

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

gramática usada y con un código de idioma correcto

Herramientas de apoyo Nombre de la herramienta: 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. ''' 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"