La opinión de la American Foundation for the Blind sobre las capas de accesibilidad

En Accessibility Overlays: Promises and Pitfalls:

These accessibility overlays can also break your website completely by applying automatic fixes to the few issues mentioned above, which means risking your website’s user interface as changing the structure impacts how the page is being rendered. Though some vendors do claim to provide manual testing and remediation, often the remediation is only applied to the overlay script and not to the inaccessible underlying code. If the overlay is blocked by the user, the inaccessible underlying code is fully exposed.

[...]

Unfortunately, the accessibility overlays generally don’t fix many issues, and they can even make things significantly worse. Only a small subset of problems can be detected automatically, and many of those still require human judgment to evaluate. We’ve also seen some examples where the overlay UI controls themselves were inaccessible.

GVA +Salut, la aplicación de citas médicas de la Generalitat Valenciana

Se me ha ocurrido probar GVA +Salut, la aplicación (app) de citas médicas de la Generalitat Valenciana, con el lector de pantalla TalkBack en Android. En general, se puede usar, pero he detectado algunos problemas de accesibilidad. La declaración de accesibilidad, que es una obligación legal, es sincera e indica varios incumplimientos de los criterios de accesibilidad:

• Puede haber algunas imágenes sin alternativa textual [requisito número 11.1.1.1 Contenido no textual (funcionalidad abierta) de UNE-EN 301549:2019].  
• Algunos elementos de información, estructura y relaciones transmitidas a través de la presentación no se pueden determinar mediante programación o no están disponibles en texto [requisito número 11.1.3.1 Información y relaciones de UNE-EN 301549:2019]. 
• Existen elementos estructurales de la aplicación como cabeceras, titulares, listas, etc. que no son reconocidos de forma automática por las tecnologías asistivas para dar la misma información [requisito número 11.1.2.1 Solo audio y solo vídeo (grabado) de UNE-EN 301549:2019]. 
• El contenido restringe su visualización y funcionamiento solo a orientación vertical de pantalla [requisito número 11.1.3.4 Orientación de UNE-EN 301549:2019]. 
• El texto no puede cambiar de tamaño [requisito número 11.1.4.4 Cambio de tamaño del texto de UNE-EN 301549:2019]. 
• La funcionalidad de la APP no es operable con un teclado [requisito número 11.2.1.1 Teclado de UNE-EN 301549:2019] por lo que no es posible, mediante teclado, llevar el foco a un elemento ni salir de él con el propio teclado [requisito número 11.2.1.2 Sin trampas para el foco del teclado de UNE-EN 301549:2019] ni existe forma en la que el indicador de foco sea visible [requisito número 11.2.4.7 Foco visible de UNE-EN 301549:2019]. 
• Es posible que el nombre visible de los controles y el nombre accesible no coincidan [requisito número 11.2.5.3 Inclusión de la etiqueta en el nombre de UNE-EN 301549:2019]. 
• Existe un límite de tiempo de conexión impuesto por el contenido, pero éste no puede detenerse o aumentarse ni avisar al usuario de que el límite se está agotando [requisito número 11.2.2.1 Tiempo ajustable de UNE-EN 301549:2019]. 

Los problemas con las herramientas automáticas de evaluación de la accesibilidad web

El artículo Problems with automatic accessibility testing presenta un buen análisis de los problemas que presentan las herramientas automáticas de evaluación de la accesibilidad web:

Automatic testing of software is brilliant. Saves a lot of time and effort, prevents problems soon and makes our products better. But when trying to automatically test accessibility we need to know about the challenges and problems before. Some tools may even produce wrong results and some tools may report everything is perfect when they can only test up to a third of criteria.

Regulación de la accesibilidad de los sitios web y aplicaciones móviles del gobierno estatal y local en Estados Unidos

En The ADA Now has Regulations for Accessibility of Web Content and Mobile Apps se explica que los gobiernos a nivel estatal y local (ADA Title II) deben cumplir con WCAG 2.1. 

Algunos ejemplos de los organismos afectados son:   

• Public education (schools)
• Public Transportation
• Recreation
• Health care
• Social services
• Courts
• Voting
• Emergency services
• Offices where people go to:
• Renew licenses
• Apply for food stamps
• Pay their taxes
• Attend town meetings
• Serve on boards and commissions
• Conduct other government business

En el artículo se explica que el Departamento de Justicia decidió adoptar WCAG 2.1 en vez de WCAG 2.2 porque los profesionales están más familiarizados con WCAG 2.1 y también existen más materiales educativos para WCAG 2.1.

Para las organizaciones grandes (50,000 personas o más), la fecha límite de cumplimiento es el 24 de abril de 2026. Para las organizaciones pequeñas, el 24 de abril de 2027.

Cómo comprobar y garantizar la accesibilidad de una página web

 

Visual crowding

El término Visual crowding lo he descubierto recientemente. El artículo de la Wikipedia que lo explica solo está en inglés. En una página web sobre un proyecto financiado por la Unión Europea se denomina como "aglomeración visual".

"Visual crowding" es un fenómeno que afecta al reconocimiento de estímulos en situaciones desordenadas, como una letra en una palabra o una palabra en un texto.

Parece que existe cierta relación entre la "aglomeración visual" y la dislexia:

• Abnormal visual crowding and developmental dyslexia: Cause or effect?
• Is excessive visual crowding causally linked to developmental dyslexia?

Y Microsoft proporciona dos tipos de letra que tienen el propósito de ayudar a las personas con "aglomeración visual": Microsoft Fluent Calibri and Sitka. 

Las capas de accesibilidad deberían ser para los usuarios finales, no para los sitios web

Una reflexión muy interesante sobre las capas de accesibilidad en Overlays Misunderstand Accessibility:

To talk about this subject, let’s start with a hypothetical. We’ll hypothesize that accessibility overlays perfectly solve all accessibility problems on a site. Let’s imagine a future world where the technology used by an accessibility overlay is able to magically transform a user’s experience on a website from a completely blocking experience to something absolutely delightful.

Yeah, it’s a long-shot hypothesis. But work with me, here.

Even in that situation, I would continue to oppose accessibility overlays, for one simple reason:

If it’s so amazing, why isn’t it sold to people with disabilities as assistive technology?

Características de accesibilidad de los captcha actuales

En How to Make CAPTCHA Accessible: A Hands-On GuideHow to Make CAPTCHA Accessible: A Hands-On Guide se comentan las principales características de accesibilidad de los captcha actuales:

CAPTCHA systems are tests that protect websites from automated threats by checking whether the visitor is a human or a bot. However, these systems can create barriers for people with visual, auditory, or cognitive impairments, making some CAPTCHAs challenging to navigate.

Despite the possible accessibility issues, the Web Content Accessibility Guidelines (WCAG) permit the use of CAPTCHAs, but only if they add certain accessible features. This ensures that security measures do not exclude users with disabilities.

In this article, you’ll learn all about implementing CAPTCHA systems that are as accessible as possible. However, it’s important to remember that no matter how accessible or transparent your CAPTCHA is, it will never be perfect – valid interactions will still be marked as unwanted and bots will still be able to pierce your site’s defences.

For that reason, we’ll also introduce alternative solutions that offer greater security and inclusivity, adhering to the highest standards of web accessibility to improve the experience for all users.

¿Se aplica WCAG 2.2 a las aplicaciones nativas?

En Does WCAG 2.2 apply to native apps se analizan los criterios de WCAG 2.2 que se deben aplicar a las aplicaciones nativas desarrolladas con:

• Android
• Jetpack Compose
• iOS
• SwiftUI
• Flutter
• React Native
• .NET MAUI
• Xamarin

Congreso Latinoamericano de Accesibilidad y Usabilidad

Me ha llegado el aviso de la próxima celebración del Segundo Congreso Latinoamericano de Accesibilidad y Usabilidad. En el formulario de inscripción pone:

Nos encontraremos el viernes 8 y sábado 9 de noviembre para compartir un espacio de talleres, charlas y debates, 100% online. Se transmitirá a través de Zoom y contará con intérpretes de lengua de señas y transcripciones.

Los diferentes tipos de zoom en una página web

En Zoom, zoom, and zoom - The three types of browser (and CSS!) magnification se explica:

In brief: there is wide support for three different types of ‘zoom’ – available both to site visitors and (to some extent) CSS authors:

• Page zoom is the default with a handy keyboard shortcut, and roughly matches behavior of the CSS zoom property.
• Scale factor (or ‘pinch zoom’) was introduced by early versions of mobile Safari, and may only be available through trackpad or touch interfaces – roughly matching the behavior of the CSS scale transform.
• Text-only zoom is also provided by Firefox and Safari. While not directly available in CSS, the behavior is similar to changing default font size on a site that uses entirely relative text sizing with rem units.

Aplicación del árbol de decisión de la norma EN 301 549 sobre app eBiblio

Cuatro vídeos muy interesantes en los que se aplica el árbol de decisión para comprobar el cumplimiento de la norma EN 301 549 (v3.1.1) por parte de eBiblio, una aplicación para solicitar en préstamo recursos digitales de bibliotecas públicas:

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

 

Cómo escribir enlaces que sean accesibles para todos

En How to Build on Basic Principles of Link Accessibility: In-depth StrategiesHow to Build on Basic Principles of Link Accessibility: In-depth Strategies se proporciona una buena explicación sobre cómo escribir enlaces que sean accesibles para todos:

Hypertext links, also known as hyperlinks, are the connective strands that form the web. They take us from one webpage to another, giving us access to a wide range of information, services, and experiences. However, we often forget to think about link accessibility.

Links are important for individuals of all abilities, including those who depend on screen readers or keyboard navigation. When used effectively, links can improve the browsing experience for everyone. However, if overlooked, they can create obstacles that reduce accessibility and usability.

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

 

Barreras que se crean cuando se usa mal ARIA para mejorar la accesibilidad

En Best intention barriers (ARIA edition) se indican varias barreras que se crean cuando se usa mal ARIA para mejorar la accesibilidad:

• Adding aria-label as some form of accessible description
• Adding an ARIA Role is enough, or: Adding ARIA implements functionality
• Roles that are not what you think they are

Canadá adopta EN 301 549:2021

Desde el 31 de mayo de 2024, Canadá ha adoptado la Norma EN 301 549 V3.2.1 (2021) como estándar: CAN/ASC - EN 301 549:2024 Accessibility requirements for ICT products and services (EN 301 549:2021, IDT).

Más información:

• Our standard on Accessibility requirements for ICT products and services
• Accessibility Standards Canada adopts the globally recognized accessibility standard for ICT products and services

Muy poco contraste

Mis ojos no pueden creen lo que no ven. Ahí se supone que pone SERVICIOS:

Otra opinión (negativa) sobre las capas de accesibilidad

En Accessibility overlays are not for disabled people:

An accessibility overlay (or accessibility widget) is one of those wee icon-only buttons you sometimes see floating over a web page; usually in the bottom-right corner. When you press them, they give you a bunch of options to make the website ‘more accessible’.

Why did I use inverted commas? Well, they profess to make a website more accessible, but do little-to-nothing of any real use; in fact, they can actually hinder a disabled user’s experience of a website!

[...]

Accessibility overlays are for non-disabled people by non-disabled people. The only way to properly address accessibility issues is at the product development level: carefully considered designs and well written code. Adding a single line of JavaScript to your website or app is not the answer.

Principales aspectos a tener en cuenta en la accesibilidad web