Las pautas de accesibilidad antes que las WCAG

Unified Web Site Accessibility Guidelines (enero 1998) son las pautas de accesibilidad que se convirtieron posteriormente en Web Content Accessibility Guidelines 1.0 (mayo 1999). Los dos autores del documento inicial, Gregg C. Vanderheiden y Wendy A. Chisholm, fueron luego editores de WCAG 1.0.

La introducción del documento dice:

The 8 series of website accessibility guidelines is the final set of unified guidelines prepared by the Trace Center. The Web Access Initiative (WAI) of the World-Wide-Web Consortium (W3C) has been launched, and the development of HTML guidelines is being transferred to that body. The Trace Center will be continuing to work with and as a part of the WAI. As a result, the Trace Center will no longer be developing or maintaining this Unified Website Accessibility Guideline series. Readers are referred to the W3C site (http://www.w3.org/wai) for the latest version of the guidelines.

Nuevos criterios de accesibilidad para dispositivos móviles en WCAG 2.2

 

Nuevos criterios de accesibilidad para dispositivos móviles en WCAG 2.1

 

Control mediante EMG: una herramienta para mejorar la accesibilidad en personas con discapacidad

 

Curso de especialización en Accesibilidad Digital

La Universidad de Lleida ha lanzado el Curso de especialización en Accesibilidad Digital. Me cuentan lo siguiente:

Es un curso que puede hacerse completo (de 6 créditos) o bien cursando solo los módulos por separado (para perfiles más especializados). Es completamente online y en horario tarde (hora española) para que pueda asistir también alumnos de otros países.

Curso completo de especialista en accesibilidad digital  (6 créditos ECTS). 

Del 04 de febrero y al 11 de abril de 2025. 

 

Módulos formativos independientes dirigidos a perfiles como diseñadores y UX, programadores web y evaluadores de calidad de sistemas:

• Módulo 1. Sensibilización (1 crédito ECTS) del 04 al 16 de febrero de 2025 
• Módulo 2 Diseño (1,5 créditos ECTS) del 18 de febrero al 2 de marzo de 2025 
• Módulo 3. Codificación (2 créditos ECTS) 4 de marzo al 23 de marzo de 2025 
• Módulo 4. Evaluación (1,5 créditos ECTS) del 25 de marzo al 6 de abril de 2025 

Principales aspectos a tener en cuenta en la accesibilidad web

 

Daltonismo: Problemas de accesibilidad

 

¿Qué es un CAPTCHA? Problemas de accesibilidad (1/2)

 

Proceso para evaluar la accesibilidad de una página web

Propuesto por Crystal Scott en Linkedin:

 

 Por si no funciona lo anterior:

🔍 My Process for Testing a Web Page for WCAG Conformance Ensuring web accessibility goes beyond automated testing—it’s about a detailed, methodical approach. Here’s how I test a webpage for WCAG conformance: 1️⃣ Start with the Basics - Double-check I’m testing the correct URL, component, and page state. - Open the page in my browser, set the screen width to 1280px, and open developer tools. (I live in developer tools!) 2️⃣ Inspect Elements - Work top-down, element by element, component by component. - Use developer tools to inspect elements and select shortcut “Expand recursively” to easily view the complete code structure. -Check each element’s HTML semantic structure, name, role, value, aria and functionality. ***Ask questions like: *What is this element? *What’s its role? *What is it's name and where is the name coming from? *Does it have supporting attributes for different states? *Does it pass color contrast requirements? *Is this an interactive element? 3️⃣ Interactivity and State Testing - For interactive elements, test with a mouse first, then the keyboard (Tab, Enter, Space) to ensure equitable functionality. - Ensure all interactive elements have a non-obscured color contrast conforming focus indicator. - Check hover, focus, active, pressed, selected, expanded, and collapsed states. - Ensure the element remains conformant, maintains color contrast, and performs its intended functionality in all states across all input devices. 4️⃣ Comprehensive Component Review Apply this process to all elements within a chosen component or page. Switch to Accessibility Tree View for new fresh perspective. 5️⃣ Screen Reader Testing Use NVDA to do a pass-through, ensuring I haven’t missed anything important. 6️⃣ Responsive Testing Test at 1280px for desktop, zoom to 200% for resizing, and zoom to 400% for reflow to check responsiveness and look for cutoff or missing meaningful content. 7️⃣ ARC Toolkit Analysis - Use ARC Toolkit to run tests with all topics selected. Manually review errors, alerts, and best practices by toggling disclosure panels. - Use highlight tools to quickly check: Page titles, iframes, lists, forms, tables, language attributes, buttons, links, tab order, tab index values, landmarks, and headings. - Leverage the text spacing tool at 1280px, 200%, and 400% to ensure compliance with resizing and reflow requirements. Accessibility isn’t just a checkbox—it’s a commitment to inclusivity and usability for all. This thorough (but not exhaustive) testing process ensures every page and component is tested against the WCAG success criteria. Now knowing how to fix the failures... DM me for help! What’s your favorite step or tool for accessibility testing? Let’s discuss in the comments! #AccessibilityTesting #WCAG #WebDevelopment #Accessibility #A11y

Cómo corregir la accesibilidad de un documento PDF con PAVE

 

Día Internacional de las Personas con Discapacidad

Hoy 3 de diciembre se celebra el Día Internacional de las Personas con Discapacidad:

El Día Internacional de las Personas con Discapacidad fue declarado en 1992 por la Asamblea General de las Naciones Unidas mediante la resolución 47/3. El objetivo es promover los derechos y el bienestar de las personas con discapacidades en todos los ámbitos de la sociedad y el desarrollo, así como concienciar sobre su situación en todos los aspectos de la vida política, social, económica y cultural.

¿Cómo un dispositivo móvil puede ayudar a nuestros estudiantes con discapacidad?

En el marco del Seminario sobre Discapacidades en la Educación Media Superior, organizado por la Universidad Nacional Autónoma de México, el día 27/11/2024 impartí la conferencia "¿Cómo un dispositivo móvil puede ayudar a nuestros estudiantes con discapacidad?":

Desafíos de accesibilidad en las single-page applications

En el vídeo Accessibility Challenges with Single Page Applications se explican algunos de los problemas de accesibilidad que presentan las single-page applications.

La descripción del vídeo dice:

Have you been tempted to use the WordPress API to drive a SPA (Single Page Application)? SPAs are notorious for being inaccessible, and for good reason. Tutorials introducing developers to frameworks like React, Vue, and Angular seem like they never take accessibility into consideration at all and teach some less than ideal practices. It is absolutely true that SPAs have a lot of accessibility challenges around things like dynamic content updates and managing focus. But with some smart choices and careful coding, it is possible to make SPAs more accessible. We’ll step through planning and building an accessible SPA, including best practices, accessibility testing tools, manual testing, and integrating accessibility into your development workflow.

No todos los errores de accesibilidad tienen el mismo impacto

En WebAIM han publicado Using Severity Ratings to Prioritize Web Accessibility Remediation:

When it comes to prioritizing web accessibility fixes, ranking the severity of each issue is an effective way to prioritize and make impactful improvements. In WebAIM’s accessibility audits, each issue we identify is assigned one of four levels of severity based on how it impacts end users. In this article, we’ll go over these severity ratings for accessibility and the types of issues that typically fall under these categories.

Comparativa de herramientas automáticas de evaluación de la accesibilidad web

En Comparing Manual and Free Automated WCAG Reviews podemos encontrar una pequeña comparativa de cuatro herramientas automáticas: axe DevTools, ARC Tookit, WAVE y Equal Access Accessibility Checker.

Análisis de la generación automática de descripciones de imágenes mediante inteligencia artificial

En AI-Generated Images from AI-Generated Alt Text se presenta un pequeño análisis de las descripciones que algunas herramientas generan de forma automática mediante inteligencia artificial. Además, después se emplean esas descripciones para generar imágenes de forma automática y comparar la imagen original con las imágenes generadas.

En la Generalitat de Cataluña todavía viven en la prehistoria de la accesibilidad web

El 30 de noviembre de 2023, en el número 9052 del Diari Oficial de la Generalitat de Catalunya se publicó el DECRETO 209/2023, de 28 de noviembre, por el que se aprueba el Código de accesibilidad de Cataluña.

Según la propia Generalitat de Catalunya, Cataluña se convertía en referente en accesibilidad universal.

¿Será verdad?

Bueno, en la página 373, la última página de este Decreto, podemos encontrar esta maravilla:

W

Web accesible: web que permite que las personas con discapacidad puedan percibir, entender, navegar e interactuar mediante páginas web accesibles que incluyan todos los contenidos y cumplen lo que establece la norma UNE 139803:2012 Requisitos de accesibilidad para contenidos en la web.

¿En serio? ¿La norma UNE 139803:2012?

Zac Browser, el navegador web para niños autistas, ha vuelto

Allá por el año 2008 (Un navegador web para niños autistas) y el año 2009 (El navegador para niños autistas triunfa) escribí sobre el navegador web Zac Browser, un navegador que un abuelo hizo para su nieto.

De casualidad me he topado con este producto en una página web y parece que todavía sigue existiendo. En el siguiente vídeo se muestran algunas de sus características.

Eye tracking en iPhone

En mayo 2024, Apple presentó algunas novedades de accesibilidad de su sistema operativo iOS para sus dispositivos móviles (Apple announces new accessibility features, including Eye Tracking, Music Haptics, and Vocal Shortcuts). Uno de los nuevos sistemas que incorpora es el seguimiento de la mirada o eye tracking (Control iPhone with the movement of your eyes).

Una vez calibrado el sistema, su manejo es muy sencillo (cuando funciona). Para ejecutar una pulsación simplemente hay que mantener la mirada sobre un punto de la pantalla durante varios segundos.

Ya hay varios vídeos que muestran su funcionamiento:

Consejos para definir un buen nombre accesible

En los artículos Good Intentions, Poor Context y Context is king: long live the king! se explican diferentes técnicas para escribir un buen nombre accesible para los elementos de una página web.