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

De UX Wiki
← Edición anteriorEdición siguiente →
VisualWikitexto
Afra (discusión | contribs.)
profesores
120 ediciones
Afra (discusión | contribs.)
profesores
120 ediciones
Sin resumen de edición
Línea 2: Línea 2:


=== Descripción: ===
=== Descripción: ===
'''Tipo''': Comprobación manual
El idioma predeterminado de cada página web puede ser determinado por software.


'''Procedimiento de comprobación:'''
=== Objetivo: ===
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: ===
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]


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.
=== Evaluación: ===
'''Tipo''': Comprobación manual


=== EEMPLO ACCESIBLE: ===
'''Procedimiento de comprobación:'''


''' A) EEMPLO ACCESIBLE: '''
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 '''
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]
 
=== 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 accesible ===
  <div class="accessibility-card">
<div class="accessibility-card">
     <h3>Ejemplo accessible</h3>
     <h3>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>

Revisión del 22:22 2 jun 2025

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

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.

Referencia WCAG 2.1:

Se indican las referencias con las pautas 2.1.

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.

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"
Obtenido de «https://www.wikiwcag.udl.cat/index.php?title=Principio_3/3.1_Leíble/3.1.1-A&oldid=696»