Sabías que… algunas cosas que deberías saber sobre la accesibilidad web

Guía de componentes accesibles

 En Smashing Magazine han recopilado información sobre componentes accesibles: A Complete Guide To Accessible Front-End Components. La guía cubre:

• :focus styles
• autocomplete
• buttons
• carousels
• "close" buttons
• content sliders
• checkboxes
• color systems
• color palettes
• comics
• component libraries
• cookie consent prompts
• dark mode
• data charts
• data visualizations
• date pickers
• form styles
• footnotes
• icon links
• inputs
• keyboard navigation
• navigation menu
• modals
• prefers-reduced-*
• radio buttons
• “skip” links
• SVGs
• tabs
• tables
• toggle switches
• tools
• tooltips
• video/audio players

Principales problemas de accesibilidad web y sus soluciones

Conferencia impartida el 24 de marzo de 2021 en la II Conferencia Internacional en Sistemas de Información y Tecnologías de Software (ICI2ST 2021), organizada por la Facultad de Ingeniería de Sistemas de la Escuela Politécnica Nacional del Ecuador:

Texto accesible para etiquetar los controles de los formularios

 En Accessible Text Labels For All se explica un problema importante que puede aparecer con el texto que se emplea en la etiqueta label para etiquetar los controles de un formulario.

El problema aparece cuando se emplea un texto oculto para añadir información significativa, para que la etiqueta de cada control sea única. Ese texto oculto puede ser un problema para los usuarios que controlen el ordenador con la voz:

Inserting visually hidden text in the middle of a visible string of text on a button like that prevents users browsing and navigating using voice commands from interacting with the button.

A popular example of Voice recognition software used to browse the Web is Dragon Naturally Speaking. It is software that allows you to use your computer and browse the web using voice commands. It comes with a full usage manual that details how to use it to perform different tasks on your computer and on the Web. Such software is useful for a lot of people, including but not limited to people with disabilities who can’t use their hands, for example, or power users who want to get things done faster (because voice dictation is faster than typing).

[...]

When the dragon user (in the video) wants to select a form control, he speaks out the visual text label of that control. This is one of many reasons why visual labels are important in user interfaces.

El Ayuntamiento de Zaragoza, más accesible

En La Web de Zaragoza renueva el sello AENOR por su accesibilidad universal podemos leer:

La sede electrónica del Ayuntamiento de Zaragoza ha renovado su certificado de calidad Aenor por ofrecer la información de forma accesible y sin barreras a todos los usuarios, independientemente de sus capacidades físicas, el tipo de dispositivo o la infraestructura de red.

El Ayuntamiento de Zaragoza fue una de las primeras instituciones públicas en conseguir el certificado de calidad en accesibilidad en 2007 y, desde entonces, lo ha renovado de forma periódica.

Este sello de calidad acredita que la página web puede ser consultada por el mayor número de personas, incluidas las que tienen algún tipo de discapacidad con aplicaciones como lectores de pantalla.

En el sito web del Ayuntamiento de Zaragoza hay una página web con información sobre su accesibilidad.

Manifiesto en contra de los accessibility overlays

Varios cientos de profesionales de la accesibilidad web han firmado en Overlay Fact Sheet un manifiesto en contra de los accessibility overlays que prometen resolver los problemas de accesibilidad de un sitio web con una sola línea de código.

La web del Ayuntamiento de Burgos será más accesible, ¿más vale tarde que nunca?

Sorprendente la noticia que se publicó el 10 de abril de 2021: El Ayuntamiento hará más accesibles sus páginas web. La noticia dice:

El Ayuntamiento comenzará a revisar todas sus páginas web para garantizar que los ciudadanos se beneficien de una accesibilidad amplia a la información y a los servicios de la administración pública. De esta manera, se dan los pasos para cumplir con el Real Decreto  1112/2018, de 7 de septiembre, sobre accesibilidad de los sitios web y aplicaciones para dispositivos móviles del sector público. 

Pues... llegan un poco tarde, porque el Real Decreto 1494 del año 2007 ya obligaba a garantizar la accesibilidad de todas las páginas web, existentes o de nueva creación, desde el 31 de diciembre de 2008.

Y el Real Decreto 1112 del año 2018 obligaba desde el 20 de septiembre de 2018.

Un análisis rápido con WAVE muestra que la página principal del Ayuntamiento de León tiene varios problemas de accesibilidad:

Fundación ONCE lanza el capítulo español de IAAP, con su correspondiente certificación

En IAAP and Fundación ONCE Launches a Spanish Chapter for Accessibility Professionals podemos leer:

The International Association of Accessibility Professionals (IAAP), a division of the Global Initiative for Inclusive ICTs (G3ict) and Fundación ONCE has announced the launch of an IAAP Spanish Chapter for Accessibility Professionals.

 “The global Accessibility Professional community just received a gift by our new partnership with Fundación ONCE,” Christopher Lee, Ph.D., IAAP Managing Director.  Fundación ONCE established in 1988 to provide professional training and employment, to eliminate architectural, urban and communication barriers, and to promote digital solidarity, web-based services for people with all disabilities.

The Spanish Chapter will provide accessibility professionals, who support equal access in both the built and digital environments by promoting and offering professional certification, education, and networking opportunities. The 2021 goal of the IAAP Spanish Chapter is to work towards the translation of the IAAP certifications into Spanish.

No poder trabajar porque la aplicación no es accesible

 Hace unos pocos días se publicó la noticia Una funcionaria invidente de Elda lleva 14 meses sin poder trabajar por falta de medios:

Acude puntual cada mañana a su puesto de trabajo como administrativa en el centro de especialidades médicas Padre Manjón de Elda para no hacer nada y cobrar a final de mes. La funcionaria Carolina Torres Larrañaga está cansada de esperar una solución de la Conselleria de Sanidad que nunca llega. Su discapacidad visual le impide realizar el trabajo administrativo que tiene encomendado porque cambiaron el programa informático pero no lo adaptaron a las aplicaciones que ella necesita. Y así lleva 14 meses.

[...]

Sin embargo en febrero del año pasado la Conselleria decidió cambiar las aplicaciones del programa informático sin contar con el personal ni realizar previamente ninguna prueba y sabiendo, además, que Carolina sufre una incapacidad visual que requiere de unas aplicaciones específicas.

Llamada de artículos para "How Mature Is Technology in Helping People with Disabilities?"

La revista  International Journal of Environmental Research and Public Health ha publicado la llamada de artículos del número especial How Mature Is Technology in Helping People with Disabilities? en el cual participo como editor invitado. Los temas de este número especial son:

• Machine learning 
• Human activity recognition 
• Ambient assisted living
• Sensor fusion 
• Big data 
• Internet of Things 
• Non-invasive sensors for sheltered homes 
• Generation of datasets with sensors related to different disabilities 
• Mobile applications for people with disabilities 
• Serious games for people with disabilities

La fecha límite para el envío de artículos es el 31 de diciembre de 2021.

Accesibilidad web: 4 elementos más problemáticos

¿Qué tal buenos son los textos alternativos generados de forma automática?

 En el artículo Are bad graphical descriptions better than no graphical descriptions to someone with vision loss? se analiza la problemática actual de los textos alternativos que se generan de forma automática:

More than 125K global websites use overlays rather than fixing their accessibility bugs. AI-generated alt-text used by overlays is not 100 % reliable.

Publicados los resultados de la tercera edición del estudio Web Accessibility Practitioners

 WebAIM ha publicado los resultados de la tercera edición de su encuesta dirigida a los profesionales de la accesibilidad web: Survey of Web Accessibility Practitioners #3 Results.

Los resultados contienen información demográfica muy interesante sobre los profesionales de la accesibilidad web. Respecto a la accesibilidad web en sí misma, los principales resultados son:

• Mac OS is now the most common operating system. Chrome dominates with 63% of respondents reporting it as their primary browser.
• Respondents are generally pessimistic about web accessibility progress over time with 87% indicating that accessibility has gotten worse or not improved over the last year.
• 21% of respondents from corporations/industry reported receiving a lawsuit, threat of lawsuit, or OCR complaint compared to 39% of respondents (nearly double) from educational institutions.
• NVDA (37%) and VoiceOver (35%) are the most commonly used screen readers for testing, compared to only 16% for JAWS (down from 37% in 2014).
• Axe, browser developer tools, and WAVE are reported as the most commonly used testing tools.
• 76% of respondents indicate that ARIA has made the web more accessible, though that sentiment is much lower among respondents with disabilities and with more accessibility experience.
• A strong majority (67%) of respondents rate web accessibility overlays, plugins, or widgets as not at all or not very effective. Respondents with disabilities were even less favorable with 72% rating them not at all or not very effective, and only 2.4% rating them as very effective.

Cómo escribir un buen texto alternativo

 Muy interesante todo el análisis que se realiza en el vídeo Writing Good Alt Text - HTTP 203:

Accesibilidad: Discapacidad en la web (parte 2)

Accesibilidad: Discapacidad en la web (parte 1)

Principales problemas de accesibilidad web y soluciones

Mañana miércoles 24 de marzo, participo con la conferencia "Principales problemas de accesibilidad web y soluciones" en la II Conferencia Internacional en Sistemas de Información y Tecnologías de Software (ICI2ST 2021).

El evento se podrá seguir en directo a través de Facebook Live.

El reto de probar la accesibilidad con lectores de pantalla

 Muy interesante el análisis que se presenta en A developer's perspective: the problem with screen reader testing:

Screen readers are an essential part of using the web for people who are vision impaired, illiterate or have a learning disability.

Today’s screen readers traverse web pages and applications and read out user interface elements, content and allow users to navigate and interact with the web.

There are many screen readers available for different devices and platforms, each with differing levels of functionality, interfaces and features. The most common are JAWS, NVDA, VoiceOver and TalkBack.

[...]

As a developer regularly faced with time constraints, I have often wondered: what should be the baseline in terms of testing for screen readers, and what browser and screen reader combinations are the most important to cover in order to achieve the greatest level of WCAG compliance?

Personas que necesitan bajo contraste en vez de alto contraste

Hace unos meses escribí la entrada No todo es alto contraste, también hay gente que necesita bajo contraste en la que comentaba que los criterios de éxito de WCAG que piden que se garantice un alto contraste no son adecuados para personas que justo necesitan lo contrario, bajo contraste.

En la página Prefers-contrast: forced is a mistake también hablan de este tema:

Why would someone prefer low contrast? You, the reader, probably dim your screen at night, or use a blue light filter. Those both lower contrast. There are also people that dim the brightness of their screen to prevent triggering migraines as well as the photophobia and blue light sensitivity I mentioned earlier.

Accesibilidad en Vue 3.0

 Un vídeo en inglés sobre la accesibilidad de Vue 3.0, Vue 3.0 / Accessibility / Front-End EcoSystem - Virtual Developers Conference 2020: