Sin resumen de edición |
|||
| Línea 1: | Línea 1: | ||
== '''3.1.1- A. Idioma de la página''' == | == '''3.1.1- A. Idioma de la página''' == | ||
== Identificación General del Criterio == | |||
<html> | |||
<article class="wcag-card"> | |||
<dl class="wcag-info"> | |||
<div> | |||
<dt>Nivel</dt> | |||
<dd>A</dd> | |||
</div> | |||
<div> | |||
<dt>Versión</dt> | |||
<dd>2.2</dd> | |||
</div> | |||
<div> | |||
<dt>Principio</dt> | |||
<dd>Comprensible</dd> | |||
</div> | |||
<div> | |||
<dt>Pauta</dt> | |||
<dd>3.1 Legible</dd> | |||
</div> | |||
<div> | |||
<dt>Categoría</dt> | |||
<dd>Contenido</dd> | |||
</div> | |||
<div> | |||
<dt>Subcategoría</dt> | |||
<dd>Texto</dd> | |||
</div> | |||
</dl> | |||
<section class="wcag-users" aria-labelledby="usuarios-afectados-titulo"> | |||
<h3 id="usuarios-afectados-titulo">Usuarios afectados</h3> | |||
<ul> | |||
<li> | |||
<img src="imgs/IconoVisual.png" alt="Icono de una persona con discapacidad visual" /> | |||
<span>Personas con discapacidad visual total</span> | |||
</li> | |||
<li> | |||
<img src="imgs/IconoBajaVision.png" alt="Icono de lector de pantalla" /> | |||
<span>Usuarios de lector de pantalla</span> | |||
</li> | |||
<li> | |||
<img src="imgs/UsuarioGenerico.png" alt="Icono de persona genérica" /> | |||
<span>Otros con dificultades de percepción o comprensión textual</span> | |||
</li> | |||
</ul> | |||
</section> | |||
</article> | |||
</html> | |||
== DESCRIPCIÓN == | == DESCRIPCIÓN == | ||
Personas con discapacidad visual total
Usuarios de lector de pantalla
Otros con dificultades de percepción o comprensión textual
| Nivel | A |
|---|---|
| Versión | 2.2 |
| Usuarios con los que impacta | Archivo:IconoVisual.jpg Discapacidad visual total Archivo:IconoBajaVision.jpg Personas que escuchan con lector de voz |
| Categoría | Contenido |
| Subcategoría | Texto |
El idioma predeterminado de cada página web puede ser determinado por software.
Proporcionar la información necesaria para que los agentes de usuario puedan presentar el texto y otro contenido lingüístico de forma correcta.
Para que los usuarios que utilizan un lector de pantalla puedan comprender el texto leido por la herramienta.
Se indican las referencias con las pautas 2.1.
https://youtu.be/Ed8CNJrkm74?t=4950
Esta sección muestra como puede evaluarse el criterio. Se incluyen ejemplos visuales y en formato video del criterio cuando es accesible y no accesible
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.
Alternativa
Mirar si hay:
Herramienta de inspección Bookmarklet
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 página web de SONY (china)
VIDEO video de ejemplo accesible
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 página web de SONY (inglaterra)
VIDEO video de ejemplo NO accesible
Se explica como puede implementarse bien el criterio
Identifique el idioma predeterminado o principal de una página web y, a continuación, configure el atributo de idioma del <html>elemento en ese idioma. Cuando una página web utiliza varios idiomas, el idioma predeterminado debe ser el más usado.
<!doctype html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>documento escrito en español</title>
</head>
<body>
… documento escrito en español …
</body>
</html>
