Accessibility demo
Inicio
Contacto
español
English
Demonstrations
Structure:
Bad structure
Good structure
Good structure example (just eat)
(abre en ventana nueva)
La entropía de la accesibilidad (just eat)
(abre en ventana nueva)
Images
Unlabeled images
The description depends on the context
Código en imágenes
(Abre en ventana nueva)
Contrast
No contrast
Good contrast
Forms
Non accessible form
Formulario accesible con autocompletado
Accessible form
Titles
Keyboard navigation
non-focusable items
Keyboard Navigable Items
Virtualization and key interception
Preventing key interception
Non-accessible reflex play
accessible reflex play
Dad! I want to be a diveloper
Semantic web? Wat for?
In the absence of semantics, well, it's ARIA
Tables
A table that is not a table
A well made table
Modal dialogs
Unaccessible Modal dialogs
Accessible modal dialogs
Languages
Badly marked language
Language well marked
Menues
Menús no despegables con teclado
Espandable keyboard menus
Drag and drop, with mouse and nothing else
If you make noise, the screen reader won't be heard
Audio-description example
(Abre en ventana nueva)
Don't rush me!
What if there's a wall that some of us can't get over?
(Abre en ventana nueva)
Shall we play Captchas?
(Abre en ventana nueva)
Surprise links
What you see is not always what you hear
Lie to me!
SPA pages
(Abre en ventana nueva)
How to use Aria
Let's chat
Treeviews