jueves, 1 de septiembre de 2016

10 reglas de oro en diseño web accesible


La Comisión Europea respecto a los estándares de accesibilidad, señala que comprobar y aplicar 10 reglas de oro resuelven el 80% de las barreras de accesibilidad cuando son aplicadas correctamente.

A continuación se detallan estas reglas:

1.- Ofrecer alternativas de texto
  • Contenido no textual (imágenes, audio y vídeo ...)
  • Propósito equivalente
  • Múltiples formas de proporcionar alternativas
  • CAPTCHA con alternativas accesibles
  • Contenido decorativo
  • Imágenes de texto
2.- Estructura de Contenidos
  • Encabezados
  • Listas
  • Tablas de datos
  • Etiquetas vs. Hojas de estilo
  • Cambiar el tamaño del texto
  • Salto de bloques
3.- Evitar la dependencia de un solo sentido
  • Títulos y descripciones de audio
  • Uso de color
  • Características sensoriales
  • Contraste
  • Audio de fondo
4.- Hacer todas las funcionalidades accesibles por teclado
  • Acceso mediante el teclado
  • Sin trampas de teclado
  • Orden en el enfoque y visibilidad
  • Comportamiento no esperado
  • Menús desplegables, acordeones, carruseles...
5.- Dar a los usuarios el tiempo suficiente
  • Temporización ajustable
  • Redirecciones automáticas
  • Procesos largos
  • Banners
6.- Evitar interferencias
  • Convulsiones y destellos
  • Control de audio
  • Parpadear, mover, actualización automática
  • Abrir nuevas ventanas
  • Comportamiento no esperado
7.- Identificar los hipervínculos y contenidos
  • Propósito de enlace
  • Títulos de página
  • Idioma de la pagina
  • Etiquetas de formulario
  • Encabezados de sección
  • Abrir nuevas ventanas
8.- Hacer consistentes las interfaces de navegación
  • Navegación consistente
  • Identificación consistente
  • Multiples vías
  • Arquitectura de información
9.- Ayudar a los usuarios a evitar errores
  • Etiquetas e instrucciones
  • Identificación de errores
  • Sugerencia de errores
  • Prevención de errores
  • Buena arquitectura de información
10.- Asegurar la compatibilidad
  • Estándares web y código de validación
  • Uso de tecnologías accesibles
  • Pruebas de usuario
  • JavaScript, PDF y Flash
  • WAI-ARIA: Accesibilidad en aplicaciones web



No hay comentarios.:

Publicar un comentario