Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Accesibilidad web - Diseño para todos

421 visualizaciones

Publicado el

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

Publicado en: Educación
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Accesibilidad web - Diseño para todos

  1. 1. Accesibilidad Web “Diseño para todos”
  2. 2. Sobre mi! Juan Regueras Sánchez Técnico de sistemas hola@juanregueras.es @ReguerasJuan Juan Regueras
  3. 3. ¿Qué es la accesibilidad web?1
  4. 4. “Cualquier persona pueda acceder a los contenidos de un sitio web independientemente del dispositivo hardware y software que utilice”.
  5. 5. 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.
  6. 6. 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.
  7. 7. Toma nota!! Items a tener en cuenta en nuestros desarrollos con Wordpress.
  8. 8. FRONTEND Primer concepto BACKEND
  9. 9. 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.
  10. 10. Place your screenshot here Diseño web “Responsive”
  11. 11. Alguna pregunta? Gracias! info@juanregueras.es @ReguerasJuan Juan Regueras

×