Guía De Accesibilidad Web Hearcolors
Total Page:16
File Type:pdf, Size:1020Kb
Guía de Accesibilidad Web México, D.F. agosto de 2018 Contenido Web Content Accesibility Guidelines 2.0 6 I. Introducción 6 II. Tecnologías de Asistencia 11 III. Estándares internacionales de accesibilidad 32 1. Principio: Perceptible 32 1.1. Pauta: Alternativas textuales 33 1.1.1. Escenario: Contenido no textual 33 1.2. Pauta: Alternativas al contenido basado en el tiempo 60 Video, audio y multimedia 60 1.2.1. Escenario: Solo audio o solo video pregrabado 60 1.2.2. Escenario: Audio pregrabado en multimedia (Leyendas) 63 1.2.3. Escenario: Video pregrabado en multimedia (Transcripción o audiodescripción) 65 1.2.4. Escenario: Audio en vivo en multimedia (Leyendas) 68 1.2.5. Escenario: Video pregrabado en multimedia (Audiodescripción) 71 1.2.6. Escenario: Audio pregrabado en multimedia (Lengua de señas) 71 1.2.7. Escenario: Video pregrabado en multimedia (Audiodescripción extendida) 71 1.2.8. Escenario: Todo el contenido pregrabado en multimedia y solo video pregrabado (Transcripción) 71 1.2.9. Escenario: Solo audio en vivo (Transcripción) 72 1.3. Pauta: Adaptable 73 1.3.1. Escenario: Información y estructura 73 1.4. Pauta: Distinguible 90 1.4.1. Escenario: Uso de colores 90 1.4.2. Escenario: Audio 94 1.4.3. Escenario: Contraste mínimo 95 1.4.4. Escenario: Tamaño de letra 96 1.4.5. Escenario: Imágenes de texto 96 2 1.4.6. Escenario: Contraste aumentado 98 1.4.7. Escenario: Sin audio de fondo o audio bajo 99 1.4.8. Escenario: Presentación Visual 99 1.4.9. Escenario: Imágenes de texto (sin excepción) 99 2. Principio: Operable 100 2.1. Pauta: Accesibilidad mediante el teclado 100 2.1.1. Escenario: Teclado 100 2.1.2. Escenario: Teclado (Sin excepción) 102 2.2. Pauta: Suficiente tiempo 103 2.2.1. Escenario: Límite de tiempo 103 2.2.2. Escenario: Contenidos en movimiento y/o actualizados automáticamente. 106 2.2.3. Escenario: Sin tiempo 109 2.2.4. Escenario: Interrupciones 109 2.2.5. Escenario: Re-autentificar sesión 110 2.3. Pauta: Evite Convulsiones 110 2.3.1. Escenario: Tres destellos por segundo (flashes) 110 2.4. Pauta: Navegable 112 2.4.1. Escenario: Mapa de sitio 112 2.4.2. Escenario: Título de la página 113 2.4.3. Escenario: Bloques 114 2.4.4. Escenario: Múltiples formas de búsqueda 115 2.4.5. Escenario: Encabezados y etiquetas 116 2.4.6. Escenario: Foco visible 116 2.4.7. Escenario: Ubicación 118 2.4.8. Escenario: Propósito del enlace (solo enlace) 118 2.4.9. Escenario: Secciones de encabezado 119 3. Principio: Comprensible 119 3.1. Pauta: Legibilidad 119 3.1.1. Escenario: Idioma de la página 119 3.1.2. Escenario: Idioma de partes 120 3.1.3. Escenario: Palabras inusuales 121 3 3.1.4. Escenario: Abreviaciones 121 3.1.5. Escenario: Nivel de lectura 121 3.1.6. Escenario: Pronunciación 122 3.2. Pauta: Predecible 122 3.2.1. Escenario: Al recibir el foco 122 3.2.2. Escenario: En entrada de datos 123 3.2.3. Escenario: Navegación Constante 123 3.2.4. Escenario: Identificación Contante 124 3.2.5. Escenario: Cambio a petición 125 3.3. Pauta: Asista en la introducción de datos 126 3.3.1. Escenario: Etiquetas e instrucciones 126 3.3.2. Escenario: Identificación de errores 128 3.3.3. Escenario: Sugerencias de errores 129 3.3.4. Escenario: Prevención de errores (Legal, Finanzas, Datos) 129 3.3.5. Escenario: Ayuda 130 3.3.6. Escenario: Prevención de errores (Todo) 130 4. Principio: Robusto 131 4.1. Pauta: Compatible 131 4.1.1. Escenario: Análisis de sintaxis 131 4.1.2. Escenario: Nombre, rol o valor 132 IV. Herramientas de evaluación automáticas 134 V. Pruebas de evaluación para accesibilidad 155 VI. Administración en organizaciones 158 VII. Bibliografía 160 Web Content Accebility Guidelines (WCAG 2.1) 162 I. Introducción 162 Escenario: Orientación 163 Escenario: Identificar el propósito en entradas de datos 165 Escenario: Identificar el propósito 166 Escenario: Flujo de información 167 Escenario: Contraste no textual 169 4 Escenario: Espaciado de texto 172 Escenario: Contenido en Hover o Focus 173 Escenario: Atajos de teclado Shortcuts de caracteres 175 Escenario: Tiempos de espera 175 Escenario: Animación de interacciones 177 Escenario: Gestos de Punteo 177 Escenario: Cancelación de Punteo 179 Escenario: Etiqueta en Nombre 180 Escenario: Acción de Movimiento 181 Escenario: Tamaño Objetivo 181 Escenario: Mecanismos de Entrada Simultaneo 183 Escenario: Mensajes de Estado 183 II. Contacto 186 5 Dirigido a Diseñadores, desarrolladores, líderes de proyecto / project managers, analistas de negocio, directores de sistemas, responsables de control de calidad y testing, productores o editores de audio / video o cualquier persona interesada en aprender los estándares internacionales de accesibilidad web para crear sitios accesibles a personas con discapacidad y adultos mayores. Objetivo La enseñanza de los criterios de accesibilidad web, la comprensión básica de las distintas discapacidades y sus tecnologías de asistencia; así como el estatus de la legislación nacional e internacional actual y el conocimiento de herramientas que ayudan al desarrollo y evaluación de páginas web accesibles. Web Content Accesibility Guidelines 2.0 I. Introducción Para la realización de esta guía se tomaron como base las Pautas de Accesibilidad para el Contenido Web en su versión 2.0 (WCAG 2.0) del World Wide Web Consortium (W3C). Dicho documento describe los 3 niveles de accesibilidad A, AA y AAA, siendo el A el nivel básico y el AAA el más avanzado. Antes de hablar de accesibilidad web, es necesario conocer de manera general las discapacidades: • Discapacidad Visual: Disminución significativa de la agudeza o campo visual del ojo que afecta la participación en actividades de la vida diaria. Se divide en baja visión (discapacidad visual de moderada a grave) y ceguera. • Discapacidad Auditiva: Pérdida de la percepción auditiva superficial, moderada o profunda (sordera) que afecta la comunicación de las personas. • Discapacidad Motora: Afectación de la habilidad en el control del movimiento, equilibrio y coordinación del cuerpo. • Discapacidades Cognitivas y Neurológicas: Son las que afectan zonas del cerebro encargadas de actividades mentales (la memoria, el aprendizaje o el habla), motoras y sensoriales. ¿Qué es accesibilidad web? Es el grado en el que todos los usuarios incluyendo a los adultos mayores y personas con discapacidad pueden navegar en el sitio web en condiciones de igualdad. La accesibilidad web se logra cumpliendo los estándares internacionales definidos por el W3C, los cuales se pueden evaluar manualmente o de manera automática con herramientas creadas para determinar su cumplimiento. Si los criterios de accesibilidad se consideran desde el 6 principio del proyecto, será mucho más sencilla su implementación. Si se considera a la mitad o al final, se tendrá que invertir mayor tiempo en realizar cambios a elementos o componentes que probablemente no son accesibles. Hoy en día, herramientas de gestión de contenidos como Word Press, Drupal o Joomla pueden evitar que el diseñador trabaje directamente con el código de la página. Sin embargo, a pesar de los beneficios en tiempo de diseño, mantenimiento y flexibilidad, el diseñador debe contemplar el tema de accesibilidad para realizar los ajustes necesarios, incluso con el uso de estas herramientas, aunque para ello deberá tener conocimientos básicos de programación, HTML, CSS y JavaScript. ¿Qué es usabilidad? Se refiere a la facilidad que tiene el usuario para el acceso a los contenidos o el cumplimiento de objetivos como pueden ser la compra, instalación, búsqueda, descarga, envío, registro, etc. A diferencia de la accesibilidad web, la usabilidad es más compleja de evaluar ya que el testing (pruebas) del sitio es lo que va a dar la información o retroalimentación sobre la interacción y experiencia del usuario. Dicha experiencia debe ser efectiva, eficiente, fácil y clara. Entre más amigable e intuitivo sea el sitio, se obtendrá mayor satisfacción del usuario. En dicho testing se debe incluir también a usuarios con discapacidad y personas de la tercera edad, lo que nos lleva a la accesibilidad. La usabilidad (al igual que la accesibilidad) se diseña desde el día uno del proyecto y no es algo que se agregue fácilmente, además de que podría ser costoso un rediseño. ¿Qué significa ser accesible? Es contar con un sitio web que cumpla con los estándares internacionales de accesibilidad para que las personas con discapacidad puedan consultar exitosamente la información de medios electrónicos. Ser accesible es poner como prioridad la correcta estructura y presentación de la página, dando como resultado el acceso equitativo de la información, independientemente de las capacidades físicas del usuario o tecnología de asistencia que se utilicen. Beneficios de la accesibilidad web • Mejora la calidad de vida de las personas con discapacidad. o En la educación, en el empleo, en la inclusión social, en su independencia, en la seguridad, etc. • En el sector público o privado: o Mejora la percepción del público en general o Mejora el posicionamiento SEO del sitio web o Mejora la compatibilidad de dispositivos o Aumenta la cartera de clientes 7 o Aumenta la competitividad al tener como ventaja la accesibilidad o Evita quejas o demandas de usuarios con discapacidad • En general, mejora la accesibilidad para TODOS Legislación internacional La “Convención sobre los Derechos de las Personas con Discapacidad” de la ONU define el acceso a la información y a las tecnologías de la comunicación y de la información, como parte integral del derecho de accesibilidad de las personas al igual que la accesibilidad al ambiente físico y al transporte. A través de internet los usuarios pueden participar remotamente en un rango de actividades profesionales y de consumo, así como a un número creciente de servicios de gobierno, salud, educación etc. A través de la red se amplían, las oportunidades de participación social como en redes sociales, grupos de interés digitales, video, audio, comunicación a través de texto e interacción multimedia.