Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Accesibilidad en la Web.
Caso práctico
Juan dice a sus compañeros que les pasará una lista con todo lo que hay
que revisar y tener en cuenta para conseguir el nivel de conformidad A.
1 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
2 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Caso práctico
3 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Reflexiona
¿Son todos los usuarios iguales ante la Web?
4 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Autoevaluación
¿Son las empresas que distribuyen software responsables de la
accesibilidad Web?
Verdadero.
Falso.
Solución
5 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
1. Opción correcta
2. Incorrecto
6 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Autoevaluación
¿Qué grupos sociales corren el riesgo de quedar excluidos del acceso
a los sitios web debido a obstáculos técnicos?
Los ancianos.
7 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Las mujeres.
Los niños.
Mostrar retroalimentación
Solución
1. Correcto
2. Incorrecto
3. Incorrecto
4. Correcto
8 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
1.2.1.- Visual.
¿Sabías que hay personas que ven mejor de noche? ¿Y que hay personas que no
pueden ver nada en algunas partes de su campo visual?
Una persona tiene una discapacidad visual cuando tiene disminuida la función visual o
bien cuando tiene una ceguera.
La disminución visual, también conocida como baja visión o visión subnormal, puede
estar provocada por una reducción de la agudeza visual o del campo visual.
Las personas que tienen problemas de visión pueden haber adquirido éstos:
Ceguera total: Las personas con ceguera total son aquellas que no distinguen la
luz de la oscuridad. La persona que padece ceguera de nacimiento no tendrá
noción de aquellos conocimientos que son tan básicos para los videntes como
pueden ser los colores.
Ceguera legal: Pérdida de visión en uno en los dos ojos. Agudeza visual por
debajo de 1/10, incluso con corrección con gafas o lentes de contacto. Las
personas con ceguera legal son consideradas ciegas aunque perciben formas y
sombras.
Visión parcial: 3/10 de agudeza visual en el ojo con mayor visión, con corrección
y/o 20 grados de campo visual total, incluso con corrección con gafas o lentes de
contacto.
El funcionamiento visual puede variar a lo largo del día ya que está influenciado por
muchísimos factores tanto físicos, como ambientales.
9 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
1.2.2.- Motriz.
Reflexiona
¿Cuáles crees que son los problemas que tienen las personas con
discapacidad motriz a la hora de usar un ordenador?
Mostrar retroalimentación
Las personas con discapacidad motriz tienen dificultades para enderezar la cabeza, el
tronco y las extremidades y tienen problemas para realizar movimientos que requieran un
gran control del tono muscular.
Cuando una persona tiene una discapacidad motriz puede tener problemas en la
percepción visual debido a trastornos relacionados con la movilidad ocular como el
nistagmus y el estrabismo e, incluso tener dificultades para mantener la atención y
la concentración.
La discapacidad motriz puede estar causada por una lesión medular, parálisis
cerebral, distrofia muscular, esclerosis múltiple, esclerosis lateral amiotrófica,
etcétera.
Autoevaluación
10 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Solución
1. Incorrecto
2. Opción correcta
3. Incorrecto
4. Incorrecto
11 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
1.2.3.- Auditiva.
Reflexiona
¿Crees que una persona con discapacidad auditiva comprende de la
misma manera el lenguaje escrito?
Mostrar retroalimentación
Por ello, aunque en principio podríamos pensar que este tipo de discapacidad parece no
tener gran importancia en el uso de la Web al estar formado su contenido por textos e
imágenes en su mayoría, tenemos que tener en cuenta que una persona con
discapacidad auditiva desde su nacimiento, no podrá procesar el lenguaje de la misma
forma que una persona sin discapacidad o que una persona que perdió la audición
después de aprender a hablar.
12 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
1.2.4.- Cognitiva.
Reflexiona
¿Cuáles crees que son las habilidades cognitivas?
Mostrar retroalimentación
13 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Autoevaluación
Una persona con discapacidad auditiva desde su nacimiento
¿presenta dificultades en el desarrollo de la inteligencia verbal y
matemática?
Verdadero.
Falso.
Muy bien. Esta pregunta podía confundirte. Las personas con sordera
de nacimiento pueden desarrollar su inteligencia verbal con otro medio
de comunicación como es el lenguaje de signos. Sí van a tener un
menor rendimiento en la lectura o en la comprensión debido a la
escasez de vocabulario y a que las frases en el lenguaje de signos se
construyen de forma diferente que en el lenguaje oral o el lenguaje
escrito.
Solución
1. Incorrecto
2. Opción correcta
14 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Las personas ciegas o con discapacidad visual utilizan distintos tipos de tecnología para
acceder a la información que se muestra en la pantalla, incluyendo los lectores de
pantalla, los dispositivos braille, los ampliadores de pantalla o cualquier combinación de
todos ellos mientras que, las personas con discapacidad motriz, utilizan distintos tipos de
tecnología asistencial que incluyen, entre otros, los teclados y/o ratones modificados y los
sistemas de reconocimiento de voz.
15 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Autoevaluación
Relaciona las tecnologías asistenciales con el tipo de discapacidad en
la que se usan, escribiendo el número asociado a la ciudad en el
hueco correspondiente (las relaciones pueden estar repetidas).
Ejercicio de relacionar.
Enviar
16 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
17 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
18 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Lectores de pantalla: Son programas especialmente útiles para las personas con
ceguera o con una discapacidad visual muy grande ya que permiten hacer una
lectura de lo que se muestra por pantalla mediante un sintetizador de voz.
Ampliadores de pantalla: Son programas especialmente útiles en las personas
con baja visión ya que permiten ampliar el texto y las imágenes mostrados en el
monitor. En este apartado tenemos como ejemplo la lupa que suministran algunos
sistemas operativos. En la imagen ilustrativa de este apartado puedes ver como se
activa la lupa en el sistema operativo Windows 7 y como amplía la zona por la que
se desplaza el puntero del ratón que, en el caso de la imagen, corresponde a un
texto escrito en el bloc de notas.
Líneas Braille: Están compuestas por una serie de celdas con 6 u 8 puntos cada
una que muestran de forma táctil la misma información que leería un lector de
pantalla. Son útiles para las personas ciegas y, sobre todo, para las sordo-ciegas
que no se pueden beneficiar de los lectores de pantalla ni de los ampliadores de
pantalla.
Navegadores para ciegos: Son capaces de leer las páginas web en voz alta y los
usuarios podrán navegar a través de su voz haciendo uso de una serie de
comandos especiales.
Hasta aquí hemos visto en qué consiste la accesibilidad web, cuáles son los tipos de
discapacidad y cómo afectan al uso de la web y cómo afrontan el problema las personas
con discapacidad mediante el uso de la tecnología asistencial. Pero ¿cómo pueden las
personas dedicadas al diseño web contribuir a la accesibilidad en la web ? Hay muchas
maneras de contribuir:
19 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Dando nombres significativos a los enlaces para que puedan ser leídos
correctamente por los lectores de pantalla. Subtitulando los vídeos facilitaremos su
comprensión por parte de las personas con discapacidad auditiva.
Empleando un lenguaje claro y sencillo facilitaremos su comprensión a las
personas con discapacidad cognitiva y aquellas con una discapacidad auditiva
severa adquirida en una edad muy temprana.
Eligiendo un tamaño de letra grande con un buen contraste con el fondo y una
adecuada combinación de colores facilitaremos la lectura a las personas con baja
visión.
Creando elementos de interacción lo suficientemente grandes facilitaremos a las
personas con alguna discapacidad motriz el poder interactuar con una página.
Autoevaluación
Los "sticky keys" son teclas especiales de gran tamaño que pueden
verse mejor.
Verdadero.
Falso.
Solución
1. Incorrecto
2. Opción correcta
20 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Caso práctico
21 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
También podemos decir que actualmente hay trabajos relacionados con el diseño de
interfaces que figuran como borradores susceptibles de convertirse en un futuro en un
estándar, aunque también podrían ser eliminados o sustituidos por otros:
Tim Berners-Lee
22 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Las WCAG 2.0 suceden a las WCAG 1.0, que fueron publicadas como Recomendación
del W3C en mayo de 1999. Aunque es posible cumplir con las WCAG 1.0, con las WCAG
2.0 o con ambas, el W3C recomienda que los contenidos nuevos o actualizados sigan las
WCAG 2.0. El W3C también recomienda que las políticas de accesibilidad Web hagan
referencia a las WCAG 2.0.
Las WCAG 2.0 se basan en las WCAG 1.0 y se han diseñado para ser aplicadas a una
amplia gama de tecnologías Web ahora y en el futuro, y para ser verificables con una
combinación de pruebas automatizadas y de evaluación humana.
23 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Bajo cada uno de estos principios hay una serie de directrices y criterios de éxito que
ayudan a hacer frente a estos principios por parte de las personas dedicadas al diseño
Web y lograr que las personas con discapacidad puedan utilizar la Web. Hay muchas
pautas que son de utilidad general y que logran que los contenidos sean más utilizables
por todas las personas en general, incluidas aquellas con algún tipo de discapacidad.
24 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Autoevaluación
¿Cuál es la misión de la W3C?
Controlar que las páginas Web publicadas en Internet cumplen con
los estándares.
Desarrollar especificaciones.
Mostrar retroalimentación
Solución
1. Incorrecto
2. Correcto
3. Correcto
4. Incorrecto
25 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Las WCAG 2.0 tienen 12 pautas que se organizan en los cuatro principios que
constituyen los principios generales del diseño accesible mencionados ya en el apartado
anterior: perceptible, operable, comprensible y robusto. Las pautas asociadas a cada
uno de estos cuatro principios no son verificables, pero proporcionan el marco y los
objetivos generales que ayudan a los autores a comprender los criterios de éxito y a
implementar mejor las técnicas.
PRINCIPIOS PAUTAS
26 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
PRINCIPIOS PAUTAS
Debes conocer
En el siguiente enlace debes consultar la página web correspondiente a la
traducción al español de la recomendación del W3C sobre las WCAG.
27 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
WCAG 2.0 Nivel A: Para lograr conformidad con el nivel A, la página web satisface
todos los criterios de éxito del nivel A, o proporciona una versión alternativa
conforme al nivel A.
WCAG 2.0 Nivel AA: Para lograr conformidad con el nivel AA, la página web
satisface todos los criterios de éxito de los niveles A y AA, o se proporciona una
versión alternativa conforme al nivel AA.
WCAG 2.0 Nivel AAA: Para lograr conformidad con el nivel AAA, la página web
satisface todos los criterios de éxito de los niveles A, AA y AAA, o proporciona una
versión alternativa conforme al nivel AAA.
En la imagen que ilustra este apartado se pueden ver los logotipos que la W3C pone a
disposición de las personas dedicadas al diseño web para que coloquen en sus páginas
en función del nivel de conformidad alcanzado en su diseño.
Cada criterio de éxito incluye su intención, los términos clave que se utilizan en el criterio
de éxito, y cómo los criterios de éxito pueden ayudar a la gente con diferentes tipos de
discapacidad.
Debes conocer
En la siguiente animación podrás ir viendo cada uno de los criterios de
éxito asociados a cada una de las 12 pautas mencionadas en el apartado
anterior.
28 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
CRITERIOS DE ÉXITO
Niveles de Conformidad
Criterios de Éxito
PRINCIPIOS PAUTAS
1. Perceptible
1.1. Alternaticas textuales
1.2. Contenido dependiente del tiempo
1.3. Adaptable
1.4. Distinguible
2. Operable
2.1. Funcionalidad del teclado
2.2. Tiempo suficiente
2.3. Prevenir ataques, convulsiones
2.4. Ayuda a la navegación
3. Comprensible
3.1. Legible
3.2. Predecible
3.3. Evitar y corregir errores
4. Robusto
4.1. Compatible
29 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Criterios de Éxito
PRINCIPIOS PAUTAS CRITERIOS DE ÉXITO
1. Perceptible
1.1. Alternaticas textuales
1.1.1. Contenido no textual
1.2. Contenido dependiente del tiempo
1.2.1. Sólo audio y sólo vídeo (pregrabados)
1.2.2. Subtítulos (pregrabados)
1.2.3. Descripciones de audio o medios de
comunicación alternativos (pregrabados)
1.2.4. Subtitulado (directo)
1.2.5. Audiodescripción (pregrabado)
1.2.6. Lenguaje de signos (pregrabado)
1.2.7. Audiodescripción extendida (pregrabada)
1.2.8. Medios alternativos (pregrabados)
1.2.9. Solo audio (directo)
Criterios de Éxito
PRINCIPIOS PAUTAS CRITERIOS DE ÉXITO
1. Perceptible
1.3. Adaptable
1.3.1. Información y sus relaciones
1.3.2. Secuencia con significado
1.3.3. Características sensoriales
1.4. Distinguible
1.4.1. Uso del color
1.4.2. Control del audio
1.4.3. Contraste (mínimo)
1.4.4. Tamaño del texto
1.4.5. Imágenes de texto
1.4.6. Contraste (mejorado)
1.4.7. Sonido de fondo bajo o sin él
1.4.8. Presentación visual
1.4.9. Imágenes de texto (sin excepción).
30 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Criterios de Éxito
PRINCIPIOS PAUTAS CRITERIOS DE ÉXITO
2. Operable
2.1. Funcionalidad del teclado
2.1.1. Teclado
2.1.2. Teclado no bloqueado
2.1.3. Teclado sin excepción
2.2. Tiempo suficiente
2.2.1. Límite de tiempo ajustable
2.2.2. Pausar, parar, ocultar
2.2.3. Sin tiempo
2.2.4. Interrupciones
2.2.5. Reautentificación
2.3. Prevenir ataques, convulsiones
2.3.1. Tres destellos o por debajo del umbral
2.3.2. Tres detesllos
Criterios de Éxito
PRINCIPIOS PAUTAS CRITERIOS DE ÉXITO
2. Operable
2.4. Ayuda a la navegación
2.4.1. Saltar bloques
2.4.2.Título de la página
2.4.3. Orden del foco
2.4.4. Propósito de los enlaces (en contexto)
2.4.4. Propósito de los enlaces (en contexto)2.4.5.
Múltiples vías
2.4.6. Encabezados y etiquetas
2.4.7. Visibilidad del foco
2.4.8. Ubicación
2.4.9. Propósito de los enlaces (sólo enlaces)
2.4.10. Encabezado de sección
Criterios de Éxito
31 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
3. Comprensible
3.1. Legible
3.1.1. Idioma de la página
3.1.2. Idioma de las partes
3.1.3. Palabras inusuales
3.1.4. Abreviaturas
3.1.5. Nivel de lectura
3.1.6. Pronunciación
3.2. Predecible
3.2.1. Foco
3.2.2. Introducción de datos
3.2.3. Navegación consistente
3.2.4. Identificación consistente
3.2.5. Cambio a petición
Criterios de Éxito
PRINCIPIOS PAUTAS CRITERIOS DE ÉXITO
3. Comprensible
3.3. Evitar y corregir errores
3.3.1. Identificación de errores
3.3.2. Etiquetas o instrucciones
3.3.3. Sugerencia tras error
3.3.4. Prevención de errores (legales, …)
3.3.5. Ayuda
3.3.6. Prevención de errores (todos)
4. Robusto
4.1. Compatible
4.1.1. Interpretación
4.4.2. Nombre, función, valor
Criterios de Éxito
Principio 1. Perceptible.
32 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Nivel: A
Criterios de Éxito
Principio 1. Perceptible.
Nivel: A
Criterios de Éxito
Principio 1. Perceptible.
33 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Nivel: A
Criterios de Éxito
Principio 1. Perceptible.
Nivel: A
Criterios de Éxito
Principio 1. Perceptible.
34 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Nivel: A
Criterios de Éxito
Principio 1. Perceptible.
Nivel: AA
Criterios de Éxito
Principio 1. Perceptible.
35 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Nivel: AA
Criterios de Éxito
Principio 1. Perceptible.
Nivel: AAA
Criterios de Éxito
Principio 1. Perceptible.
36 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Nivel: AAA
Criterios de Éxito
Principio 1. Perceptible.
Nivel: AAA
Criterios de Éxito
Principio 1. Perceptible.
Pauta 3. Adaptable.
37 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Nivel: AAA
Criterios de Éxito
Principio 1. Perceptible.
Pauta 3. Adaptable.
Nivel: A
Criterios de Éxito
Principio 1. Perceptible.
Pauta 3. Adaptable.
38 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Nivel: A
Criterios de Éxito
Principio 1. Perceptible.
Pauta 3. Adaptable.
Nivel: A
Criterios de Éxito
Principio 1. Perceptible.
Pauta 4. Distinguible.
39 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
normalidad.
• También ayuda a aquellos usuarios que sólo disponen de un
monitor en blanco y negro o que utilizan pantallas de sólo texto
y no pueden acceder a la información presentada sólo en
color.
Nivel: A
Criterios de Éxito
Principio 1. Perceptible.
Pauta 4. Distinguible.
Nivel: A
Criterios de Éxito
Principio 1. Perceptible.
Pauta 4. Distinguible.
40 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
asistencial.
• Proporcionar una relación de contraste mínimo entre el texto
y el fondo, incluso en las imágenes que contienen texto, puede
hacer el texto más legible también a las personas que no ven
toda la gama de colores o a aquellas personas que no ven el
color.
• La relación del contraste texto:fondo exigida es 4,5:1, salvo
en el caso de texto de gran tamaño en el que se exige al
menos un relación de 3:1.
Nivel: AA
Criterios de Éxito
Principio 1. Perceptible.
Pauta 4. Distinguible.
Nivel: AA
Criterios de Éxito
Principio 1. Perceptible.
Pauta 4. Distinguible.
41 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Nivel: AA
Criterios de Éxito
Principio 1. Perceptible.
Pauta 4. Distinguible.
Nivel: AAA
Criterios de Éxito
Principio 1. Perceptible.
Pauta 4. Distinguible.
Nivel: AAA
42 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Criterios de Éxito
Principio 1. Perceptible.
Pauta 4. Distinguible.
Nivel: AAA
43 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Criterios de Éxito
Principio 1. Perceptible.
Pauta 4. Distinguible.
Nivel: AAA
44 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Criterios de Éxito
Principio 2. Operable.
Nivel: A
45 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Criterios de Éxito
Principio 2. Operable.
Nivel: A
Criterios de Éxito
Principio 2. Operable.
Nivel: AAA
Criterios de Éxito
46 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Principio 2. Operable.
Nivel: A
Criterios de Éxito
Principio 2. Operable.
Nivel: A
Criterios de Éxito
Principio 2. Operable.
47 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Nivel: AAA
Criterios de Éxito
Principio 2. Operable.
Nivel: AAA
Criterios de Éxito
Principio 2. Operable.
48 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Nivel: AAA
Criterios de Éxito
Principio 2. Operable.
Nivel: A
Criterios de Éxito
49 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Principio 2. Operable.
Nivel: AAA
Criterios de Éxito
Principio 2. Operable.
Nivel: A
Criterios de Éxito
Principio 2. Operable.
50 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Nivel: A
Criterios de Éxito
Principio 2. Operable.
Nivel: A
Criterios de Éxito
Principio 2. Operable.
51 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Nivel: A
Criterios de Éxito
Principio 2. Operable.
Nivel: AA
Criterios de Éxito
Principio 2. Operable.
52 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Nivel: AA
Criterios de Éxito
Principio 2. Operable.
Nivel: AA
Criterios de Éxito
Principio 2. Operable.
53 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
sitio Web
Nivel: AAA
Criterios de Éxito
Principio 2. Operable.
Nivel: AAA
Criterios de Éxito
Principio 2. Operable.
Nivel: AAA
54 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Criterios de Éxito
Principio 3. Comprensible.
Pauta 1. Legible.
Nivel: A
Criterios de Éxito
Principio 3. Comprensible.
Pauta 1. Legible.
Nivel: A
55 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Criterios de Éxito
Principio 3. Comprensible.
Pauta 1. Legible.
Nivel: A
Criterios de Éxito
Principio 3. Comprensible.
Pauta 1. Legible.
» Abreviatura
» Sigla
» Acrónimo
Nivel: AAA
56 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Criterios de Éxito
Principio 3. Comprensible.
Pauta 1. Legible.
Nivel: AAA
Criterios de Éxito
Principio 3. Comprensible.
Pauta 1. Legible.
57 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Nivel: AAA
Criterios de Éxito
Principio 3. Comprensible.
Pauta 1. Legible.
Nivel: AAA
Criterios de Éxito
Principio 3. Comprensible.
Pauta 1. Legible.
58 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
significado.
Nivel: AAA
Criterios de Éxito
Principio 3. Comprensible.
Pauta 2. Predecible.
Nivel: A
Criterios de Éxito
Principio 3. Comprensible.
Pauta 2. Predecible.
Nivel: A
59 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Criterios de Éxito
Principio 3. Comprensible.
Pauta 2. Predecible.
Nivel: AA
Criterios de Éxito
Principio 3. Comprensible.
Pauta 2. Predecible.
Nivel: AA
60 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Criterios de Éxito
Principio 3. Comprensible.
Pauta 2. Predecible.
Nivel: AAA
Criterios de Éxito
Principio 3. Comprensible.
Nivel: A
Criterios de Éxito
61 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Principio 3. Comprensible.
Nivel: A
Criterios de Éxito
Principio 3. Comprensible.
Nivel: AA
Criterios de Éxito
Principio 3. Comprensible.
62 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Nivel: AA
Criterios de Éxito
Principio 3. Comprensible.
Nivel: AA
Criterios de Éxito
Principio 3. Comprensible.
63 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Nivel: AAA
Criterios de Éxito
Principio 3. Comprensible.
Nivel: AAA
Criterios de Éxito
64 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Principio 4. Robusto.
Pauta 1. Compatible.
Nivel: A
Criterios de Éxito
Principio 4. Robusto.
Pauta 1. Compatible.
Nivel: A
1 2 3 4 5 6 7 8 9 10 11 12
13 14 15 16 17 18 19 20 21 22 23
24 25 26 27 28 29 30 31 32 33 34
35 36 37 38 39 40 41 42 43 44 45
46 47 48 49 50 51 52 53 54 55 56
65 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
57 58 59 60 61 62 63 64 65 66 67
68 69 70 71 72 73
Autoevaluación
Relaciona los criterios de éxito con el nivel de conformidad que
satisfacen, escribiendo el número asociado al nivel de conformidad en
el hueco correspondiente.
Ejercicio de relacionar.
Nivel de
Criterio de éxito. Relación.
conformidad.
Medios alternativos
1. Nivel A.
(pregrabados).
Enviar
66 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Debes conocer
En los siguiente enlaces podrás consultar las páginas Web de la W3C
sobre las técnicas de accesibilidad Web.
67 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Autoevaluación
Para lograr conformidad con el nivel AAA, la página web debe
satisfacer únicamente todos los criterios de éxito del nivel AAA.
Verdadero.
Falso.
Muy bien. Lograr un nivel superior implica haber logrado los niveles
anteriores.
Solución
1. Incorrecto
2. Opción correcta
68 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
69 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Debes conocer
En el siguiente enlace podrás consultar la traducción de la página web de
la W3C que habla sobre todos los temas vistos hasta ahora con enlaces
que acceden a cada uno de los principios, sus pautas asociadas, los
criterios de éxito de cada una de las pautas y las técnicas a emplear para
cumplir cada uno de los criterios.
70 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
1. En primer lugar se debe realizar un análisis automático que detecte los problemas
de accesibilidad. Las herramientas automáticas han de entenderse como una
ayuda en el proceso de evaluación y no como un análisis completo ni infalible.
2. Como complemento de la evaluación automática ha de realizarse una evaluación
manual para identificar todos aquellos problemas que no pueden ser comprobados
en la primera fase y revisar aquellos dudosos que requieren de pruebas adicionales
para su comprobación completa.
También propone una serie de herramientas para cada una de las dos fases.
Debes conocer
En la siguiente presentación podrás ver algunas de las herramientas de
evaluación de la accesibilidad propuestas por INTECO y otras. Se ha
tratado de seleccionar aquellas que permiten evaluar la accesibilidad de
acuerdo a las WCAG 2.0.
71 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
HERRAMIENTAS DE
EVALUACIÓN
De Accesibilidad Web
Herramientas de evaluación de la
accesibilidad Web
Validador (X)HTML de W3C
URL: http://validator.w3.org/
DESCRIPCIÓN.
Fase: Automática
72 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Herramientas de evaluación de la
accesibilidad Web
Validador (X)HTML de W3C
W3C
73 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Herramientas de evaluación de la
accesibilidad Web
Validador de CSS de W3C
DESCRIPCIÓN.
Fase: Automática
74 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Herramientas de evaluación de la
accesibilidad Web
Validador de CSS de W3C
W3C
Herramientas de evaluación de la
accesibilidad Web
TAW (Test de Accesibilidad Web)
URL: http://www.tawdis.net
DESCRIPCIÓN.
75 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Fase: Automática
Herramientas de evaluación de la
accesibilidad Web
TAW (Test de Accesibilidad Web)
Fundación CTIC
Herramientas de evaluación de la
accesibilidad Web
eXaminator
76 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
URL: http://examinator.ws/
DESCRIPCIÓN.
Fase: Automática
Herramientas de evaluación de la
accesibilidad Web
eXaminator
eXaminator
77 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Herramientas de evaluación de la
accesibilidad Web
WAVE
URL: http://wave.webaim.org/
DESCRIPCIÓN.
Fase: Automática
Herramientas de evaluación de la
accesibilidad Web
WAVE
WebAIM
78 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Herramientas de evaluación de la
accesibilidad Web
Web Developer Toolbar
URL: https://addons.mozilla.org/es/firefox/addon/web-developer/
DESCRIPCIÓN.
Fase: Manual
Herramientas de evaluación de la
accesibilidad Web
Web Accessibility Toolbar (Internet Explorer)
URL: https://www.visionaustralia.org/services/digital-access
/resources/web-accessibility-toolbar-ie
DESCRIPCIÓN.
79 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
Fase: Manual
Herramientas de evaluación de la
accesibilidad Web
Color Contrast Checker
Función: Herramienta.
URL: http://webaim.org/resources/contrastchecker
DESCRIPCIÓN.
Fase: Manual
Herramientas de evaluación de la
accesibilidad Web
Color Contrast Checker
80 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
WebAIM
1 2 3 4 5 6 7 8 9 10 11 12
13 14 15
Autoevaluación
Relaciona cada frase de la primera columna con el tipo de información
al que pertenece, escribiendo el número asociado el tipo de
información en el hueco correspondiente.
Ejercicio de relacionar.
81 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
3. Información
Satisfacer por completo uno de
adicional a la
los tres niveles de conformidad.
declaración.
Enviar
82 of 83 11/5/21, 13:46
DIW02.- Accesibilidad en la Web. https://aulasfp2122.castillalamancha.es/pluginfile.php/...
83 of 83 11/5/21, 13:46