Guía De Accesibilidad Web Hearcolors

Total Page:16

File Type:pdf, Size:1020Kb

Guía De Accesibilidad Web Hearcolors 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.
Recommended publications
  • STEERING COMMITTEE MEETING AGENDA March 10, 2017 Desert/Mountain Educational Service Center 17800 Highway 18 Apple Valley, CA 92307
    CALIFORNIA ASSOCIATION OF HEALTH AND EDUCATION LINKED PROFESSIONS JOINT POWERS AUTHORITY (CAHELP JPA) STEERING COMMITTEE MEETING AGENDA March 10, 2017 Desert/Mountain Educational Service Center 17800 Highway 18 Apple Valley, CA 92307 1.0 CALL TO ORDER 1.1 Adoption of Agenda – March 10, 2017 1.2 Adoption of Minutes – February 10, 2017 2.0 COMMITTEE MEMBERS' COMMENTS/REPORTS This is the time during the meeting when the California Association of Health and Education Linked Professions Joint Powers Authority (CAHELP JPA), Desert/Mountain Special Education Local Plan Area (SELPA), Desert/Mountain Charter Special Education Local Plan Area (Charter SELPA), and Desert/Mountain Children’s Center (DMCC) staff is prepared to receive concerns/requests regarding items on this agenda or any school- related special education issues. Discussion will include special education policies and procedures as they relate to district coordination and implementation of the SELPA and Charter SELPA Local Plan. 3.0 DIRECTORS OF EDUCATION REPORTS 3.1 Preschool Assessments & Transition to Kindergarten 4.0 DESERT/MOUNTAIN OPERATIONS AREA DIRECTOR’S REPORTS 4.1 Employee Clearance Requirements for State Preschools & Head Start Programs 5.0 CHIEF EXECUTIVE OFFICER’S REPORTS 5.1 OCR & ADA Compliance Update- Strategic Plan for Web Accessibility 5.2 Significant Disproportionality, DINC, APR Indicator, PIR 5.3 CDE & PPIC Stakeholder Meetings 5.4 AB 1369 Dyslexia Bill Update 5.5 Endrew v. Douglas County Steering Committee Meeting Agenda March 10, 2017 Page 2 of 3 6.0 DIRECTOR’S
    [Show full text]
  • Ux-Rule: a Javascript Framework for Dynamic and Static
    UX-RULE: A JAVASCRIPT FRAMEWORK FOR DYNAMIC AND STATIC ACCESIBILITY TESTING OF WEBPAGES By ERIN S. DUGGAN B.S., New Mexico Institute of Mining and Technology, 2013 A thesis submitted to the Faculty of the Graduate School of the University of Colorado in partial fulfillment of the requirement for the degree of Masters’ of Science Department of Computer Science 2014 This thesis entitled: ux-rule: A JavaScript Framework for Dynamic and Static Accessibility Testing of Webpages written by Erin S. Duggan has been approved for the Department of Computer Science Tom Yeh Shaun Kane Date___________ The final copy of this thesis has been examined by the signatories, and we find that both the content and the form meet acceptable presentation standards of scholarly work in the above mentioned discipline. iii Duggan, Erin S. (M.S., Computer Science) ux-rule: A JavaScript Framework for Dynamic and Static Accessibility Testing of Webpages Thesis directed by Professors Tom Yeh and Shaun Kane The Internet is designed to disseminate information to the widest group of people possible. In recent years, this group has been expanded to include people with disabilities through the use of a number of tools. In order to support this, websites need to be designed as accessible and require testing to ensure that they are accessible. The ux-rule framework is an automated accessibility testing framework designed for use by website programmers to do both static and dynamic analysis. It establishes a rule syntax for specifying tests that is based on imperative programming language syntax so that rules can be added or modified easily to meet any other requirements in addition to accessibility guidelines.
    [Show full text]
  • Web Accessibility Specialist (WAS) – Spezialist Für Web-Barrierefreiheit
    IAAP Web Accessibility Specialist (WAS) – Spezialist für Web-Barrierefreiheit Deutscher Syllabus 2019 Mit-Herausgeber: ● Dr. Paul Bohman, CPWA & Rosemary Musachio,CPWA Beitragende: ● Dr. Paul Bohman, CPWA ● Pina D'Intino, CPACC ● Samantha Evans ● Katie Haritos-Shea, CPWA ● Eric Hind, CPACC ● David McDonald ● Rosmarin Musachio, CPWA ● Radek Pavlíček, CPWA ● Allison Ravenhall ● Paul Rayius ● Damian Sian, CPWA ● Stacy Iannaccone, CPACC Bearbeitet: September 2019 zur Aufnahme der WCAG 2.1 Übersetzung ins Deutsche (Nov-Dez 2020): ● Laura Eppler ● Kira Frankenfeld ● Klaus Höckner, CPACC ● Gottfried Zimmermann, CPWA Inhaltsverzeichnis Inhaltsverzeichnis ...................................................................................................................................... 2 Zweck dieses Dokuments .......................................................................................................................... 1 Ressourcen zur IAAP-Prüfungsvorbereitung ............................................................................................. 1 Über die WAS-Bezeichnung ...................................................................................................................... 2 Zusätzliche Informationen ......................................................................................................................... 2 Die WAS-Prüfungsinhalte auf einen Blick .................................................................................................. 3 I. Erstellung barrierefreier Web-Lösungen (40%
    [Show full text]
  • Proceedings of the 2019 ICT Accessibility Testing Symposium: Perfecting Traditional Methods, Tackling Emerging Interfaces, and Beyond
    Proceedings of the 2019 ICT Accessibility Testing Symposium: Perfecting Traditional Methods, Tackling Emerging Interfaces, and Beyond Washington DC October 1 & 2, 2019 Partnership for Public Service Conference Center, 1100 New York Avenue NW, Washington, DC, 20005, USA Organized by Accessibility Track Consulting, LLC www.ictaccessibilitytesting.org Contents Introduction from the Chair .......................................................................................... 1 Keynote: “The Missing Link: Accessibility and Usability Working Together” .................. 3 Workshop: Introduction to Trusted Tester Methods ....................................................... 5 Workshop: Assessing and Authoring Image Descriptions for Digital Learning Products ........................................................................................... 7 Workshop: Mobile Testing Workshop ............................................................................ 9 Workshop: Testing PDFs for Accessibility and Standards Conformance ..................... 11 Workshop: Finding Ways to Make Accessibility Resonate with Your Team: “Inclusive Design is not Rocket Science” ................................................................. 15 Bootcamp Course: Tools for Assessing Organizational Risk for Managers of Accessibility Testing Programs ................................................................................ 17 Bootcamp Course: Accessibility Testing for Beginners .............................................. 21 W3C Accessibility Conformance
    [Show full text]
  • Outcomes and Findings
    Edith Cowan University Research Online Theses: Doctorates and Masters Theses 2014 Website accessibility in Australia and the national transition strategy: Outcomes and findings Vivienne Conway Edith Cowan University Follow this and additional works at: https://ro.ecu.edu.au/theses Part of the Computer Engineering Commons, and the Science and Technology Studies Commons Recommended Citation Conway, V. (2014). Website accessibility in Australia and the national transition strategy: Outcomes and findings. https://ro.ecu.edu.au/theses/1405 This Thesis is posted at Research Online. https://ro.ecu.edu.au/theses/1405 Edith Cowan University Research Online Theses: Doctorates and Masters Theses 2014 Website accessibility in Australia and the national transition strategy: Outcomes and findings Vivienne Conway Edith Cowan University Recommended Citation Conway, V. (2014). Website accessibility in Australia and the national transition strategy: Outcomes and findings. Retrieved from http://ro.ecu.edu.au/theses/1405 This Thesis is posted at Research Online. http://ro.ecu.edu.au/theses/1405 Edith Cowan University Copyright Warning You may print or download ONE copy of this document for the purpose of your own research or study. The University does not authorize you to copy, communicate or otherwise make available electronically to any other person any copyright material contained on this site. You are reminded of the following: Copyright owners are entitled to take legal action against persons who infringe their copyright. A reproduction of material that is protected by copyright may be a copyright infringement. Where the reproduction of such material is done without attribution of authorship, with false attribution of authorship or the authorship is treated in a derogatory manner, this may be a breach of the author’s moral rights contained in Part IX of the Copyright Act 1968 (Cth).
    [Show full text]
  • Proceedings of the 2018 ICT Accessibility Testing Symposium: Mobile Testing, 508 Revision, and Beyond
    Proceedings of the 2018 ICT Accessibility Testing Symposium: Mobile Testing, 508 Revision, and Beyond Arlington, VA, USA November 7 & 8, 2018 George Mason University’s Arlington Campus Organized by Accessibility Track Consulting, LLC www.ictaccessibilitytesting.org Contents Introduction from the Chair ....................................................................................1 Keynote. A Lawyer Goes into an Accessibility Testing Conference… (not a joke!) ......................................................................................................3 Workshop. Accessibility Testing 201 ....................................................................5 Workshop. Mobile Testing Process......................................................................9 Workshop. Vetting before Getting: Considerations for Procuring Accessible Information and Communication Technology ................................................. 11 Workshop. Assembling a Robust Accessibility Toolkit ....................................... 15 Workshop. Understanding ARIA 1.1 and the ARIA Authoring Practices Guide . 19 Competition. Are WordPress themes Accessibility Ready? ............................... 21 Gray-Box Mobile Accessibility Testing ................................................................ 27 Evaluating hardware accessibility ....................................................................... 37 Launching Trusted Tester Version 5.0: Evolution and Improvements in the Trusted Tester Approach to ICT Accessibility ...............................................
    [Show full text]
  • Understanding and Supporting Web Developers: Working Practices and Resources for the Creation and Evaluation of Accessible Websites
    Understanding and Supporting Web Developers: Working Practices and Resources for the Creation and Evaluation of Accessible Websites David Mark Swallow Doctor of Philosophy University of York Computer Science November 2017 2 Abstract Web developers have a responsibility to develop websites that are accessible and usable by the broadest range of users, including people with disabilities. Despite numerous initiatives over the last two decades to support, encourage and compel developers to fulfil this responsibility, websites continue to exhibit persistent accessibility problems. This programme of research aimed to better understand the difficulties that developers face and to develop the necessary support for them to successfully integrate accessibility into their existing workflows. The first study systematically reviewed 397 web accessibility evaluation studies published over a 15-year period between 1999 and 2014. This showed a persistent occurrence of accessibility problems that does not appear to be improving. The second study followed a contextual design methodology to investigate the working practices of 13 professional developers. This showed how they are hindered, not by limited awareness or concern, but by a lack of knowledge and practical guidance on how to make websites accessible. To understand the nature of their confusion and uncertainty, the third study interviewed 26 professional developers and attempted to elicit their mental models of web accessibility. Their mental models were found to incorporate some, but not nearly enough, knowledge and awareness of accessibility and were based on a conceptual model that prioritises technical conformance over user experience. These findings were embodied in the design and implementation of an accessibility information resource, called WebAIR.
    [Show full text]
  • Proceedings of the 2017 ICT Accessibility Testing Symposium: Automated & Manual Testing, WCAG 2.1, and Beyond
    Proceedings of the 2017 ICT Accessibility Testing Symposium: Automated & Manual Testing, WCAG 2.1, and Beyond Washington, DC, USA October 26 & 27, 2017 Partnership for Public Service Conference Center, Washington DC Organized by Accessibility Track Consulting, LLC www.ictaccessibilitytesting.org Contents Introduction from the Chair ....................................................................................1 Keynote. Trust but Verify: The Value of Accessibility Policies and Testing to Support Commitments .....................................................................................3 Workshop. Introduction to Accessibility Testing (‘Testing 201’) ..........................5 Workshop. Open Source Tools for Evaluating and Inspecting Web Accessibility of Organizations to Individual Pages ...........................................7 Workshop. 508 and Mobile Accessibility: How, When, Where and Why ..............9 Workshop. Integrating Accessibility Across the Development Lifecycle............. 13 Panel. Accessibility Conformance Testing (ACT) Panel Discussion: Harmonize Accessibility Testing .................................................................... 17 Panel. EPUB Accessibility Conformance, Testing and Certification: A Comprehensive Implementation .................................................................... 21 Panel. Accessibility Testing: The Present, The Future........................................ 25 Federal Website WCAG 2.0 Compliance and Accessibility Trends ..................... 27 Agile Accessibility:
    [Show full text]