ACCESIBILIDAD

EN HTML
HELLO!
I am Juan Diego Pérez
You can find me at @pekechis and
http://github.com/pekechis
1. Let’s start with
the first set of
DEFINICIÓN slides
“
Hacer nuestra web accesible es
construirla teniendo siempre presente
que puede ser visitada por todo tipo
de aplicaciones y usuarios, incluso por
aquellos con alguna discapacidad
2.
ALGUNA REGLAS Let’s start with
the first set of
GENERALES slides
ALGUNAS REGLAS GENERALES
▸ Utiliza etiquetas semánticas en vez de
<div> que no aportan significado.
▸ Usa el atributo for para las etiquetas en
los formularios (los pone en relación con el
campo correcto)
▸ Añade atributos alt a las imágenes
▸ Especifica el idioma de la página
▸ Utiliza las cabeceras correctamente para
que los lectores “conozcan” la estructura
de tu página
▸ ….
3.
ATRIBUTOS ARIA
“
Los atributos especiales ARIA
(Accesible Rich Internet Application)
son atributos que se añade a las
etiquetas HTML para que éstas sean
entendidas mejor por los lectores que
usan aquellas personas con alguna
discapacidad.
ALGUNAS REGLAS GENERALES
▸ role (alert,tab,document, navigation...)
▸ aria-owns (expresa relación jerárquica
mediante el id de otro elemento)
▸ aria-hidden (oculta partes innecesarias)
▸ aria-live
▸ aria-checked
▸ aria-label
▸ aria-disabled
▸ aria-valuenow, aria-valuemax,aria-valuemin
▸ …..
4.
HERRAMIENTAS
DE LOS
NAVEGADORES
THANKS!
Any questions?
You can find me at @pekechis and
http://github.com/pekechis