Acercamiento a la creación de un diseño universal a través de una serie de items.

1. Accesibilidad Web
“Diseño para todos”

2. Sobre mi!
Juan Regueras Sánchez
Técnico de sistemas
hola@juanregueras.es
@ReguerasJuan
Juan Regueras

3. ¿Qué es la
accesibilidad web?1

4. “Cualquier persona pueda acceder a los contenidos de un
sitio web independientemente del dispositivo hardware y
software que utilice”.

6. NO es accesibilidad
◉ Tener un sello A, AA o AAA en el sitio web.
◉ Disponer de una versión alternativa accesible del sitio
web.
◉ Tener una web sin imágenes.
◉ Un sitio web accesible no implica que sea poco
atractivo.

7. Niveles de accesibilidad
Nivel AA
La página web
satisface todos los
criterios de
conformidad de los
niveles A y AA.
Nivel A
La página web satisface
todos los criterios de
conformidad del nivel
A.
Nivel AAA
La página web satisface
todos los criterios de
conformidad de los
Niveles A, AA y AAA.

9. Toma nota!!
Items a tener en cuenta en nuestros
desarrollos con Wordpress.

10. FRONTEND
Primer concepto
BACKEND

11. Items…
Visual / Auditiva
◉ Imágenes con texto
alternativo.
◉ Tamaño de texto
adecuado (16px).
◉ Información no basada
únicamente en el color
y buen contraste.
◉ Videos con subtítulos.
◉ Alternativa auditiva en
elementos visuales.
Física
◉ Interface de usuario
que no solo se usen
con el ratón.
◉ Enlaces o controles de
formulario grandes.
◉ Interface de usuario
con buenos tiempos de
respuesta.
Cognitiva
◉ Textos breves y
sencillos.
◉ Imágenes que
complementen la
información textual.
◉ Mapa de un sitio web.
◉ Descripciones en los
controles de un
formulario.

12. Place your screenshot here
Diseño web “Responsive”

13. Alguna pregunta?
Gracias!
info@juanregueras.es
@ReguerasJuan
Juan Regueras