2. Agenda
● Definición y contexto
● Cómo afectan las diferentes
discapacidades el acceso a la web
● Principios de diseño accesible (wcag)
● Prácticas de frontend (wai-aria)
3. “The power of the web is in its
universality. Access by everyone
regardless of disability is an essential
aspect.”
Tim Berners-Lee
16. http://webaim.org/projects/practitionersurvey/
¿Porque los sitios web no son accesibles?
● Falta de conciencia sobre el tema (36%)
● Falta de conocimiento (36%)
● Falta de dinero o recursos (14%)
● Miedo a que la accesibilidad arruine el diseño o la
funcionalidad (13%)
40. ● características de navegación
● navegar al contenido principal
● <title>
● orden del foco de elementos
● propósito de los links
● <headings> y <labels>
● foco de los elementos visible
Navegable
49. WAI ARIATercera regla de uso de ARIA
Todos los elementos interactivos deben tener un
nombre accesible
50. <!-- elemento que está etiquetado, pero no esta
asociado al control que debería etiquetar -->
user name <input type="text">
<label>user name</label> <input type="text">
51. <!-- Si usamos for/id envolviendo la etiqueta
alrededor del texto y el control, vamos a tener un
nombre accesible -->
<label>user name <input type="text"></label>
<label for="username">user name</label> <input
type="text" id="username">