Demo accesibilidad
Inicio
Contacto
español
English
Demostraciones
Estructura:
Mala estructura
Buena estructura
Ejemplo de buena estructura (Just eat)
(abre en ventana nueva)
La entropía de la accesibilidad (just eat)
(abre en ventana nueva)
Imágenes
Imágenes sin etiquetar
La descripción depende del contexto
Código en imágenes
(Abre en ventana nueva)
Contraste
Sin contraste
Buen contraste
Formularios
Formulario no accesible
Formulario accesible con autocompletado
Formulario accesible
Títulos
Navegación por teclado
Ítems no focalizables
Ítems navegables con teclado
Virtualización e intercepción de teclas
Evitando la intercepción de teclas
Juego de reflejos no accesible
Juego de reflejos accesible
¡Papá, quiero ser diveloper!
¿Web semántica? ¡Para qué!
A falta de semántica, bueno es aria
Tablas
Una tabla que no es una tabla
Una tabla bien hecha
Diálogos modales
Diálogos modales inaccesibles
Diálogos modales accesibles
Idiomas
Idioma mal marcado
Idioma bien marcado
Menús
Menús no despegables con teclado
Menús desplegables con teclado
Arrastrar y soltar, con ratón y nada más
Si haces ruido, se jodió el oido
Ejemplo de Audiodescripción
(Abre en ventana nueva)
¡No me metas prisa!
¿Y si hay un muro que algunos no podemos franquear?
(Abre en ventana nueva)
¿Jugamos a resolver captchas?
(Abre en ventana nueva)
Enlaces sorpresa, como los kinder
Lo que se ve no siempre es lo que se escucha
¡Miénteme!
Páginas SPA
(Abre en ventana nueva)
Uso de Aria
Vamos a chatear
Presentaciones en árboles