Resultados de la octava encuesta del WebAIM sobre el uso de lectores de pantalla

Ya se han publicado los resultados de la octava encuesta del WebAIM sobre el uso de lectores de pantalla que se abrió en agosto de 2019: Screen Reader User Survey #8 Results.

La encuesta recibió 1224 respuestas válidas, un número muy alto de respuestas, pero menor que las 2515 y 1792 respuestas que se recibieron en la sexta y séptima encuesta respectivamente.

En cuanto a porcentaje de preferencia de los usuarios, el lector de pantalla principal ha dejado de ser JAWS, ahora es NVDA con un 40.6%, seguido de JAWS con un 40.1%. El tercero es VoiceOver con un 12.9% y el resto de lectores de pantalla tienen un porcentaje de uso muy pequeño.

El navegador que más se usa es Chrome, con un 44.4%, seguido de Firefox con 27.4% e Internet Explorer 11 con 10.9%.

Por último, los resultados de las encuestas anteriores:

• Screen Reader User Survey #7 Results (Diciembre 2017)
• Screen Reader User Survey #6 Results (Septiembre 2015)
• Screen Reader User Survey #5 Results (Enero 2014)
• Screen Reader User Survey #4 Results (Mayo 2012)
• Screen Reader User Survey #3 Results (Diciembre 2010)
• Screen Reader User Survey #2 Results (Octubre 2009)
• Survey of Preferences of Screen Reader Users (Diciembre 2008)

Vídeo sobre UNE-153010:2012. Norma Española de subtitulado para sordos

UNE-153010:2012. Norma Española de subtitulado para sordos:

Análisis de la accesibilidad para diferentes tipos de discapacidad

En Bureau of Internet Accessibility han preparado lo siguiente:

By testing according to the Web Content Accessibility Guidelines (WCAG) 2.1, BoIA tests for the experiences of a variety of abilities. But, what are we actually looking for when we test websites and apps for accessibility barriers?

• Part 1: Accessibility testing for people with visual disabilities
• Part 2: Accessibility testing for people with auditory disabilities
• Part 3: Accessibility testing for people with cognitive, learning, and neurological disabilities
• Part 4: Accessibility testing for people with physical disabilities
• Part 5: Accessibility testing for people with speech disabilities

Las próximas Jornadas Formativas Cocemfe Alicante 2-3 de octubre

Las XXI Jornadas Formativas Cocemfe Alicante: Comunicación y Nuevas Tecnologías como agentes de cambio en el ámbito de la discapacidad están convocadas para el 2 y 3 de octubre y se celebrarán en el Salón de Actos del Edificio Germán Bernácer de la Universidad de Alicante.

Estas jornadas tienen como objetivo:

• Ampliar la mirada sobre temas de actualidad, cuestionar prejuicios, generar conciencia e inspirar con ideas diferentes para lograr una resignificación en temas relacionados con la discapacidad.
• Hasta el campus se desplazarán profesionales de medios para reflexionar sobre lenguaje inclusivo, expertos en inteligencia artificial, influencers y emprendedores de apps.
• También habrá lugar para el humor. En el descanso del miércoles 2, contaremos con la actuación de Fran Fernández, monologuista de Magma Comedy. ¡Ven, aprende y disfruta!

El miércoles 2 de octubre, a las 12:20 horas participaré en la sesión ¿Cómo usar la inteligencia artificial y la tecnología para mejorar la vida de las personas con discapacidad? junto con:

• Sergio Luján – Especialista en Tecnología y Accesibilidad Web en Discapacidad de la UA.
• Pedro Pernías – Director General para el Avance de la Sociedad Digital de la Conselleria de Innovación, Universidades, Ciencia y Sociedad Digital.
• Alba Alier – Asesora de Tecnología de Apoyo de BJ Adaptaciones.
• Presenta: Asunción González – Junta Directiva de Cocemfe Alicante.

Entrevista sobre educación inclusiva y diseño universal para el aprendizaje

Del 3 al 5 de septiembre el Centro de Capacitación en Educación a Distancia (CECED) de la Universidad Estatal a Distancia (UNED) de Costa Rica, llevó a cabo una jornada de reflexión del Diseño Universal para el Aprendizaje (DUA) y la accesibilidad educativa. Durante esa jornada realicé una visita y me entrevistaron: Sergio Luján Mora: Educación inclusiva a través del Diseño Universal para el Aprendizaje.

Normativa de accesibilidad que se aplica en España

En la página Normas Accesibilidad del Portal Administración Electrónica he encontrado este documento que resume la normativa existente:

Por política comercial no podemos abrir cuentas a personas sordas

Sorprendente lo que he podido leer en Accesibilidad universal “Por política comercial no podemos abrir cuentas a personas sordas”:

Ignacio Benítez, sordo de nacimiento, se llevó una alegría al conocer que Openbank podría informarle de las condiciones de una hipoteca a través de un chat de WhatsApp. "A lo largo de mis 34 años he sido discriminado muchas veces, por lo que esta opción me pareció una buena forma de romper barreras y de acceder por mí mismo a un servicio sin necesidad de que mediase un intérprete", comenta a EL PAÍS RETINA a través de SVIsual, una aplicación que posibilita comunicaciones telefónicas entre personas con discapacidad auditiva y oyentes. Pero tras un breve intercambio de mensajes de texto el pasado seis de septiembre, el agente de Openbank finalizó la conversación con el siguiente mensaje: "Perdona, Ignacio. He consultado la situación y te informo de que, por política comercial, no podemos abrir cuentas a personas con sorderas agudas o totales, ya que no tenemos la posibilidad de una comunicación telefónica, clave en la relación con Openbank". 

Benítez, que forma parte del Comité de Diversidad e Inclusión de Accenture, se quedó "alucinado e impotente" ante ese trato que considera "superofensivo". Tras escribir a distintas asociaciones de usuarios para reclamar sus derechos, compartió su experiencia en las redes sociales y ese mismo día el asunto llegó hasta Ezequiel Szafir, CEO de Openbank, quien enseguida contactó directamente con el afectado para pedirle disculpas y manifestarle su "vergüenza" ante la respuesta "errónea" de su compañía, que no sigue ninguna política comercial como la indicada en el mensaje de WhatsApp. "Es una contestación aberrante debida a un error humano. Rarísimo, violentamente innecesario. No sabemos por qué el compañero del call center respondió así, porque precisamente al ser 100% digital somos el banco perfecto para Ignacio, que puede abrir una cuenta desde internet sin necesidad de hablar con nadie. La tecnología sirve para tirar abajo barreras y nosotros lo demostramos", comenta Szafir a EL PAÍS RETINA.

En España, el 26,2% de las personas con discapacidad afirma que ésta le impide el uso de internet, según el Observatorio estatal de la discapacidad.

Evaluación de la accesibilidad web mediante lectores de pantalla

En An Intro To Screen Reader Testing for Sighted Developers se explica:

Why You Should Know How a Screen Reader Works If You Are Sighted 

With a near perfect (either corrected or not) vision, you might never feel the need to use a screen reader when browsing the internet. So obviously, there's no need for you to understand how screen readers work or how to use one, is there? 

As a person who develops sites and applications on the web, it might already be second nature to you to make sure that the websites that you're building work as expected for your users. Checking that a web app runs fine for different user flows or that its design looks as expected across a range of browsers is crucial and might already be part of your daily routine at work when delivering a feature. Now imagine how difficult it would be to deliver a bug fix for a misaligned navigation bar on a site without having a single glance at your screen. The visual check turns out to be important to confirm that your fix for this styling bug addresses the issue, is functional and works fine in different browsers. 

Thinking about bugs that concern accessibility, is there any valid reason why a functional check would not be needed to address issues and provide valid bug fixes? Manually testing the accessibility of the websites you're building is insightful and can be the most valuable confirmation that the patches you deliver to improve its usability actually work just as expected. 

To be able to manually test websites for accessibility concerns, getting familiar with the basics of screen readers is essential to understand how users of assistive technology experience your site.

Las etiquetas flotantes son un problema

Una interesante explicación en Float labels are problematic:

The float label pattern works by having the label start off inside the input (just like placeholders do). But onfocus or when the user starts typing, the label moves above the input.
While this is better than supplanting labels with placeholders, this seductive, novel and space-saving technique is problematic for a number of reasons.

Errores de accesibilidad web por una sobreingeniería

Muy bueno el artículo Uncanny A11y en el que se presentan errores de accesibilidad web por una sobreingeniería, cuando se intenta hacer las cosas demasiado bien:

There are generally two things that contribute to this:

• thinking that using code, all the code, is the best way to make something accessible, and

• not testing with users who have disabilities.

Los ejemplos tratados son:

• Just tabindex Everything.
• Using aria-label As a Hint.
• Unhelpful alt Text.
• Overriding Default Pronunciation.

Opciones de accesibilidad en un sitio web de Naciones Unidas

Interesante el panel de opciones que posee un sitio web de Naciones Unidas. El usuario puede elegir un perfil de usuario específico:

Pero también puede realizar una configuración manual:

Una nueva forma de esconder contenido accesible

En A new (and easy) way to hide content accessibly se explica una nueva forma de esconder visualmente un contenido, pero que siga siendo accesible. Después de un largo análisis, la mejor solución es:

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: auto; /* new - was 1px */
    margin: 0; /* new - was -1px */
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

Técnicas para la discapacidad cognitiva y las personas con problemas de aprendizaje

El documento Techniques for the The Cognitive and Learning Disabilities Accessibility Task Force (COGA) es solo un borrador, pero es un buen inicio a algo que hacía falta desde hace mucho tiempo.

ARC Toolkit

ARC Toolkit es una nueva herramienta de evaluación de la accesibilidad web, está disponible en forma de extensión para Google Chrome.

Aplicación móvil AudescMobile

Parece que esta aplicación ya tiene un tiempo, pero la acabo de descubrir y la idea es muy interesante, Aplicación móvil AudescMobile:

La ONCE y la Fundación Vodafone España lanzan la aplicación móvil AudescMobile que permite a las personas con discapacidad visual acceder a la audiodescripción de las películas, series, etc., y en general facilitar la accesibilidad a cualquier producción audiovisual. 

La aplicación ha sido desarrollada por la empresa S-Dos con el apoyo del Centro de Investigación, Desarrollo y Aplicación Tiflotécnica (CIDAT) de la ONCE y la Fundación Vodafone España. 

La solución ofrece de forma fácil y ubicua la audiodescripción en un dispositivo móvil y permite su reproducción de forma sincronizada con un vídeo en curso independientemente del medio audiovisual: cine, televisión, Internet, DVD, etc. Esta sincronización se realiza basándose únicamente en el audio del título que se está reproduciendo, independientemente de la plataforma física sobre la que se emite. 

Por otro lado, desde el punto de vista del usuario final, es de especial relevancia el hecho de que el acceso a la audiodescripción se pueda realizar desde su dispositivo móvil, sin necesidad de proveer al usuario de ningún otro dispositivo adicional para disfrutar de manera accesible a las producciones audiovisuales.

Cómo crear botones accesibles

En Accessible Icon Buttons se explica cómo crear botones accesibles:

An icon button is an icon that triggers some sort of action on the page. More accurately, technically speaking, an icon button is a button that contains an icon and no (visible) accompanying text. These buttons can be found in the majority of app and user interfaces today. The infamous hamburger menu button is a great example of such buttons when not visually labelled “Menu”. 

Putting aside the UX side of the coin and whether or not an icon alone is enough to convey meaning and functionality to users, many implementations of these buttons today lack the proper accessibility that makes them meaningful to users of assistive technologies. 

While the seemingly popular aria-label is a perfectly valid way to add an accessible name to a button (and/or other components), it is certainly not the only way, let alone the best. You could always just put text in it, for example. But what if the designer or the UI enforces the absence of visual text next to an icon? 

There is a handful of ways that an icon button can be implemented accessibly. This article is an overview of them all.

Diferentes formas de seleccionar una fecha y su accesibilidad

En Collecting dates in an accessible way se realiza un análisis de las diferentes formas de seleccionar una fecha:

1. Single date input text boxes.
2. Three input boxes – one for each of day, month, year.
3. Using JavaScript-driven date picker functionality.
4. Using HTML5’s input type="date"

Quizás no necesites un control específico para seleccionar una fecha

Muy interesante el artículo Maybe You Don’t Need a Date Picker:

Calendar controls, date pickers, date widgets, whatever you call them, however they are described, they follow the same basic principle — present the user with a calendar to enter a date (and sometimes a time).
The native implementations come from browsers when authors use <input type="date">. Usually a calendar grid, but sometimes built to look like a broken slot-machine or configurable date rubber stamp that your accountant uses.
Frameworks and libraries offer their own take on date pickers, with many more options from third-party developers. These appeal to developers who want control over the visual style, and sometimes function, of the date picker. Particularly developers who want to avoid a different experience across browsers.
The problem is that nearly every implementation of a date picker is a barrier for some set of users. I can comfortably say every one that I have seen is a problem, though perhaps there is a wonderfully robust one somewhere. Even the ARIA Authoring Practices, which is more comfortable with imperfect patterns, has not deigned to create a date picker.

Denunciar la falta de accesibilidad web en España te puede salir muy caro

En El Tribunal Supremo y la Audiencia Nacional dejan impune la vulneración de derechos fundamentales de las personas ciegas y sentencian a favor de RENFE podemos leer lo que le ha pasado a la Associació Catalana per a la Integració del Cec (ACIC).

El resumen corto es que, en vez de sancionar a RENFE por la falta de accesibilidad de su sitio web, se ha condenado a la ACIC a pagar 4000 euros en concepto de costas por presentar una denuncia. Vale la pena leer toda la historia porque es sorprendente que puedan pasar estas cosas.

Por supuesto, después de esto, pocos valientes se volverán a atrever a denunciar la falta de accesibilidad web en España.

En los siguientes enlaces, algo más de información:

• Denuncia por falta de accesibilidad en el sitio web de Renfe (1)
• Denuncia por falta de accesibilidad en el sitio web de Renfe (2)
• Denuncia por falta de accesibilidad en el sitio web de Renfe (3)

Los tipos de letra para personas con dislexia parece que no son muy útiles

En Typefaces for Dyslexia:

I’ve been writing this post in fits, so it may be a bit disjointed. I started it on my flight home from CSUN, and continued to work on it on subsequent flights. Apologies if it’s a bit chaotic.

TL;DR: Typefaces designed to help dyslexics have no effect.

I’ll list information about the two typefaces that I am aware of (which are designed explicitly for readers with dyslexia), as well as notes from the talk at CSUN and a couple other examples.

The latest study to suggest that typefaces designed to aid reading for dyslexics had little to no effect was presented at CSUN this past week. As I noted on Twitter, I already had an idea what the results would be, and I came away feeling validated.

The study hasn’t been pubished yet and I saw its first general presentation. The study was conducted at Mount Allison University, a 2,500 student college with 215 full-time students with disabilities. 50% of those students are classified as having a learning disability.

General Tip

For those of us who build applications and sites with content of any length (whether instructions for shopping carts or rant-laden long-form articles), I have found a few techniques are generally agreed upon by the community (feedback is welcome!):

• Avoid justified text.
• Use generous line spacing / leading.
• Use generous letter spacing.
• Avoid italics.
• Generally use sans serif faces.
• Use larger text.
• Use good contrast.
• Use clear, concise writing.

This generally follows rules for good typography.

You may have heard that Comic Sans is easier for readers with dyslexia to understand, but so far that evidence appears to be anecdotal. Certainly not enough to warrant punishing all your other users.