Diferencia entre revisiones de «2526Udl3.1.1-A-001»
Sin resumen de edición |
Sin resumen de edición |
||
| Línea 5: | Línea 5: | ||
|curso_academico=2025-26 | |curso_academico=2025-26 | ||
|enlace=https://wikiwcag.udl.cat/Principio_3/3.1_Leíble/3.1.1-A | |enlace=https://wikiwcag.udl.cat/Principio_3/3.1_Leíble/3.1.1-A | ||
|noa_barrera_evidencia_img=Captura de pantalla 2026-02-16 194327.png | |||
|noa_barrera_evidencia_url=https://validator.w3.org | |||
|noa_barrera_evidencia_html=<nowiki> | |noa_barrera_evidencia_html=<nowiki> | ||
<!DOCTYPE html> | <!DOCTYPE html> | ||
Revisión del 18:44 16 feb 2026
Edición de la página como formulario
1. Información básica
Enlace directo a la página del subcriterio en la wiki https://wikiwcag.udl.cat/Principio_3/3.1_Leíble/3.1.1-A
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
https://validator.w3.org
2.1.2. Código HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Welcome</title>
</head>
<body>
<h1>Welcome</h1>
<p>This page is written in English but the main language is not declared in the HTML code.</p>
</body>
</html>
Explicación del problema detectado:
En este ejemplo el contenido de la página está escrito en inglés, pero el idioma principal no está indicado en la etiqueta , ya que falta el atributo lang. Al no especificarse el idioma en el código, herramientas como los lectores de pantalla o los navegadores no saben en qué idioma deben leer el texto. Esto puede hacer que el contenido se lea con una pronunciación incorrecta o con una configuración de idioma que no corresponde, lo que dificulta la comprensión para algunos usuarios.
|noa_barrera_usuarios=Este problema afecta sobre todo a las personas que utilizan lectores de pantalla, ya que el texto puede leerse con una pronunciación incorrecta o con una voz que no corresponde al idioma real del contenido. También puede causar dificultades a personas a las que les cuesta leer o entender textos, y a quienes usan traductores automáticos, porque estos funcionan mejor cuando el idioma de la página está bien definido. Aunque para muchas personas este fallo puede pasar desapercibido, para otros supone una barrera importante a la hora de entender correctamente la información.
|acc_barrera_evidencia_img=Captura de pantalla 2026-02-16 192143.png
|acc_barrera_evidencia_url=https://workspace.google.com/
|acc_barrera_evidencia_html=
Google Workspace
Inicia sesión y colabora desde cualquier lugar.
</nowiki> Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Discapacidad visual total ya que no pueden ver la imagen como tal
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
No se ha subido ninguna imagen.
b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.
2.2.2 Código HTML:
Explicación de la solución aplicada:
Este ejemplo es accesible porque el idioma principal de la página está correctamente indicado en el código HTML usando el atributo lang. En Google Workspace, cuando la página se muestra en español, el idioma queda definido como lang="es", lo que permite que el contenido se lea correctamente. Esto ayuda a que los lectores de pantalla utilicen la pronunciación adecuada y a que el navegador entienda correctamente el idioma del texto. Gracias a esto, la información es más fácil de comprender y la página cumple con el criterio 3.1.1, ya que el idioma está bien definido desde el principio.
