Duda sobre cómo se navega con un lector de pantalla

Un estudiante mío está desarrollando una página web y le ha surgido la siguiente duda:

Me ha surgido una duda leyendo documentación y aprendiendo a utilizar VoiceOver de MacOS. Mi idea era que un usuario pudiera navegar por cada Chunk con el tabulador con información adicional, pero no sé hasta qué punto eso concuerda con la especificación. Por ejemplo, si una lección sigue esta secuencia de Chunks:

• Heading
• Text
• Text
• Heading-Text
• Bulleted-List
• Multiple-Answers

La idea era que el usuario empezara navegando con el tabulador y el lector de pantalla avisara con un “Chunk Heading… [contenido]” y al volver a presionar el tabulador “Chunk Text…[contenido]” y así hasta llegar al final de la lección, pero mi duda es si esto se debería hacer o va contra la especificación.

Y mi respuesta:

Tienes que distinguir dos posibles tipos de usuarios mediante teclado: el que puede ver y el que no.

El que puede ver normalmente es una persona con discapacidad motora que tiene dificultad para usar el ratón, pero también puede ser un usuario "pro" que prefiere el teclado porque es más rápido o un usuario norma con una "discapacidad temporal" (por ejemplo, se le ha roto el ratón). Estos usuarios pueden usar los cursores para realizar scroll up/down, así que no necesitan el tabulador para desplazarse por el contenido y leerlo, pero sí que necesitan el tabulador para desplazarse por los elementos de interacción. También les ayuda que pongas un enlace al final de la página para volver al principio de la página.

El que no puede ver usará un lector de pantalla, como VoiceOver, y conocerá todo los atajos que proporciona (y si no los conoce... es su problema, que los aprenda). La lista de comandos es enorme:

https://help.apple.com/voiceover/info/guide/10.8/spanish.lproj/_1203.html

El que no puede ver tiene dos problemas: cómo desplazarse por el contenido y leerlo (el que puede ver no tiene este problema) y cómo desplazarse por los elementos de interacción. Lo segundo lo hace con el tabulador, como el resto de usuarios. Lo primero no lo puede hacer con los cursos igual que lo hacemos nosotros porque no puede ver, así que tiene atajos para desplazarse a nivel de carácter, palabra, frase y párrafo:

Leer el párrafo del cursor de VoiceOver
VO + P

Leer el párrafo siguiente
VO + Mayúsculas + Av Pág

Leer el párrafo anterior
VO + Mayúsculas + Re Pág

Leer la frase del cursor de VoiceOver
VO + S

Leer la frase siguiente
VO + Comando + Av Pág

Leer la frase anterior
VO + Comando + Re Pág

Leer la línea del cursor de VoiceOver
VO + L

Leer la línea siguiente
VO + Flecha abajo

Leer la línea anterior
VO + Flecha arriba

Leer la palabra del cursor de VoiceOver
VO + W

Deletrear la palabra del cursor de VoiceOver
VO + W + W

Deletrear fonéticamente la palabra del cursor de VoiceOver
VO + W + W + W

Leer la palabra siguiente
VO + Flecha derecha

Leer la palabra anterior
VO + Flecha izquierda

Leer el carácter del cursor de VoiceOver
VO + C

Leer el carácter del cursor de VoiceOver
VO + C + C

Leer el carácter siguiente
VO + Mayúsculas + Flecha derecha

Leer el carácter anterior
VO + Mayúsculas + Flecha izquierda


La página web no tiene que proporcionar ningún mecanismo para ello, más allá de usar correctamente HTML. Por ejemplo, si creas "falsos párrafos", texto separado mediante BR, para el lector de pantalla no existirán esos párrafos que nosotros sí que vemos.

Para lo que me preguntas, no tienes que usar el tabulador, tienes que usar correctamente HTML. En concreto, los usuarios de lector de pantalla se desplazan por una página mediante los encabezados h1, h2, h3, etc.:


Buscar el encabezamiento siguiente
VO + Comando + H

Buscar el encabezamiento anterior
VO + Comando + Mayúsculas + H


Buscar el siguiente encabezamiento del mismo nivel
VO + Comando + M

Buscar el anterior encabezamiento del mismo nivel
VO + Comando + Mayúsculas + M


Y también usan la lista de encabezados, que en el caso de VoiceOver está disponible a través del Web Item rotor:

https://www.apple.com/voiceover/info/guide/_1134.html#mchlp2719

Por tanto, lo que quieres hacer lo tienes que hacer con un buen uso de los encabezados. Deberías usar h1 para el título del curso, h2 para el título de la lección y a partir de h3 para los chunks.

¿Por qué la web de La Moncloa hace referencia a WCAG 1.0?

En la web de La Moncloa:

Podemos ver esto en el pie de página:

¿Cómo es posible que la web de La Moncloa haga referencia a WCAG 1.0 que es del año 1999?

La ONCE abre sus 60.000 libros digitales a todos los ciegos del mundo

Una noticia muy importante, La ONCE abre sus 60.000 libros digitales a todos los ciegos del mundo:

La ONCE pone a disposición de 285 millones de personas ciegas del mundo su biblioteca digital, compuesta por más de 60.000 volúmenes, en una iniciativa sin parangón internacional, dado que supone la mayor puesta a disposición del mundo de textos accesibles en lengua castellana.
[...]
España, representada por la ONCE, se convierte así en el primer país europeo que materializa el Tratado de Marrakech y pone a disposición de usuarios y entidades autorizadas de todo el mundo su acervo bibliográfico adaptado y accesible a personas ciegas o con deficiencia visual de todo el mundo. Para ello, la Organización española acaba de poner en marcha una web que permitirá a usuarios de todo el mundo acceder a esta información cumpliendo una serie de requisitos marcados por el citado tratado de Marrakech y por la Organización Mundial de la Propiedad Intelectual (OMPI), que garantizan el correcto uso de los textos disponibles.

Se supone que los libros estarán disponibles en marrakech.once.es, pero ahora mismo solo hay una página con un formulario para iniciar sesión, sin información sobre cómo registrarse.

Según la Wikipedia, el Tratado de Marrakech:

conocido oficialmente como «Tratado de Marrakech para facilitar el acceso a las obras publicadas a las personas ciegas, con discapacidad visual o con otras dificultades para acceder al texto impreso»,​ es un tratado multilateral impulsado por la Organización Mundial de la Propiedad Intelectual (OMPI), que fue firmado en Marrakech, Marruecos, el 28 de junio de 2013.​ Este tratado entró en vigor a partir del 30 de septiembre de 2016. 

El tratado de Marrakech hace referencia a las excepciones al derecho de autor, que posibilitan la creación de versiones accesibles de obras protegidas, a personas con discapacidades que impliquen dificultades de acceso a la lectura convencional. Este instrumento establece una serie de normas para que los países que forman parte de la Organización Mundial de Propiedad Intelectual (OMPI), ratifiquen el tratado e implementen excepciones en sus legislaciones locales, tanto para la creación como para la importación y exportación de obras en formatos accesibles. Así mismo,los países que hayan ratificado el Tratado tendrán la potestad de intercambiar documentos en formatos accesibles entre ellos.

Más información en El Tratado de Marrakech explicado.

Comparativa de tres herramientas de evaluación de la accesibilidad web

En Comparing 3 Top Automated Accessibility Testing Tools: WAVE, Tenon.io, and Google Lighthouse:

Automated tools for testing accessibility have evolved to a point where you don’t have to look hard to find dozens of examples of thorough and reliable tools that test for adherence to Web Content Accessibility Guidelines. There are browser extensions, command-line tools, tools that can be integrated with continuous integration systems…

At every level of integration, these tools provide a good starting point for testing, point to patterns of errors that humans can then look out for, and can catch issues before they go to production.

Consider the following scenarios:

1. A content editor removes the contents of an h2 tag, unaware that the tag remains, causing confusion for screen reader users.
2. The theme of a website contains a ‘skip to content’ link at the top, that linked to a ‘content’ div out of the box. The developer renamed that div, breaking the link. Now keyboard-only users have no way to skip to content, and have to tab through every navigation link.
3. A designer prefers placeholder text to a field label, unaware that this may display an unlabeled field to those using a screen reader.

These issues (and many more) are very easy to miss — and they are very common. If you’re not using an automated testing tool, your site probably has similar issues.

I spent several weeks comparing these three tools in preparation for a presentation at DrupalCon Nashville. Each has a browser extension and an array of options for testing on the command line with continuous integration possibilities. They are all effective for testing a wide range of issues. The differences mainly lie in the user experience and in the scope of the tools.

An Important Caveat

Before you leap to the conclusion that an automated accessibility tool is going to do all of the work that is required to make your website accessible, we need to talk about what these tools cannot do. If your aim is to provide a truly accessible experience for all users, a deeper understanding of the issues and the intent behind the guidelines is required.

The advantages and limitations of automated tools: a few examples

Automated Tools Will Suffice for the following:

• Does the image have alt text?
• Does the form field have a label and description?
• Does the content have headings?
• Is the HTML valid?
• Does the application UI follow WCAG guideline X?

Human Intervention Is Required for the following:

• Is the alt text accurate given the context?
• Is the description easy to understand?
• Do the headings represent the correct hierarchy?
• Is the HTML semantic?
• Does the application UI behave as expected?

While automated tools can discover many critical issues, there are even more issues that need human analysis. If there is a vague or misleading alt tag, that is just as bad from a usability standpoint as a missing alt tag, and an automated tool won’t catch it. You need someone to go through the site with a sharp and trained eye.

In the end, to fully test for accessibility issues, a combination of automated and manual testing is required. Here is a great article on key factors in making your website accessible. Automated testing tools provide a good starting point for testing, point to patterns of errors that humans can then look out for, and can catch issues before they go to production.

Whether you are a developer, a QA tester, or a site owner, and whatever your technical skill level is, automated accessibility testing tools can and should become an indispensable part of your testing toolkit.

Lo que pasa cuando se usa la Web con un lector de pantalla durante un día

Muy interesante lo que se cuenta en I Used The Web For A Day Using A Screen Reader:

This was an interesting and challenging experience, and the hardest article of the series to write so far.

I was taken aback by little things that are obvious when you stop and think about them. For instance, when using a screen reader, it’s almost impossible to listen to music at the same time as browsing the web! Keeping the context of the page can also be difficult, especially if you get interrupted by a phone call or something; by the time you get back to the screen reader you’ve kind of lost your place.

My biggest takeaway is that there’s a big cultural shock in going to an audio-only experience. It’s a totally different way to navigate the web, and because there is such a contrast, it is difficult to even know what constitutes a ‘good’ or ‘bad’ screen reader experience. It can be quite overwhelming, and it’s no wonder a lot of developers avoid testing on them.

But we shouldn’t avoid doing it just because it’s hard. As Charlie Owen said in her talk, Dear Developer, the Web Isn’t About You: This. Is. Your. Job. Whilst it’s fun to build beautiful, responsive web applications with all the latest cutting-edge technologies, we can’t just pick and choose what we want to do and neglect other areas. We are the ones at the coal face. We are the only people in the organization capable of providing a good experience for these users. What we choose to prioritize working on today might mean the difference between a person being able to use our site, and them not being able to.

Let us do our jobs responsibly, and let’s make life a little easier for ourselves, with my last tip of the article:

Tip #13: Test on a screen reader, little and often.

I’ve tested on screen readers before, yet I was very ropey trying to remember my way around, which made the day more difficult than it needed to be. I’d have been much more comfortable using a screen reader for the day if I had been regularly using one beforehand, even for just a few minutes per week.

Test a little, test often, and ideally, test on more than one screen reader. Every screen reader is different and will read content out in different ways. Not every screen reader will read “23/10/18” as a date; some will read out “two three slash one zero slash one eight.” Get to know the difference between application bugs and screen reader quirks, by exposing yourself to both.

XXI Jornadas Formativas Cocemfe Alicante

Este miércoles 2 de octubre comienzan las XXI Jornadas Formativas Cocemfe Alicante: Comunicación y Nuevas Tecnologías como agentes de cambio en el ámbito de la discapacidad, que tienen como objetivos:

• 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.

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.

Landmarks

Landmarks es una fantástica extensión para varios navegadores web que permite navegar por las áreas de una página web.

Accesibilidad de documentos PDF con PhantomPDF de Foxit

En Foxit and PDF Accessibility se explica cómo analizar la accesibilidad de un PDF mediante el programa PhantomPDF de Foxit:

When people talk about "accessible" PDF files, they are usually referring to "tagged" PDF files. PDF tags provide a hidden, structured representation of the PDF content that is presented to screen readers. They exist for accessibility purposes only and have no visible effect on the PDF file. There is more to an accessible PDF file than tags, but an untagged PDF would not be considered "accessible". 

HTML tags and PDF tags often use similar tag names (e.g., both have tags named h1) and organization structures. If you are comfortable with HTML, you will probably have an easier time creating and editing tagged PDF files, but knowledge of HTML is not necessary.

Accessibility Insights

Accessibility Insights es una herramienta automática de evaluación de la accesibilidad web de Microsoft:
Accessibility Insights for Web is an extension for Chrome and Microsoft Edge Insider that helps developers find and fix accessibility issues in web apps and sites.

The tool supports two primary scenarios:

• FastPass is a lightweight, two-step process that helps developers identify common, high-impact accessibility issues in less than five minutes.
• Automated checks - the tool automatically checks for compliance with approximately 50 accessibility requirements.
• Tab stops - the tool provides clear instructions and a visual helper that makes it easy to identify critical accessibility issues related to keyboard access, such as missing tab stops, keyboard traps, and incorrect tab order.
• Assessment allows anyone with HTML skills to verify that a web app or web site is 100% compliant with Web Content Accessibility Guidelines (WCAG) 2.0 Level AA.
• Automated checks - the tool automatically checks for compliance with approximately 50 accessibility requirements.
• Manual tests - the tool provides step-by-step instructions, examples, and how-to-fix guidance for approximately 20 tests; many tests are "assisted", which means that the tool identifies the test instances or provides a visual helper.

Accesibilidad de documentos PDF

PDF Accessibility de WebAIM es seguramente la mejor guía sobre la accesibilidad de los documentos PDF.

Una ley para prohibir la reproducción automática y el scroll infinito

Hace unos días se publicó New bill would ban autoplay videos and endless scrolling, lo cual estará muy bien para evitar algunos problemas de accesibilidad. Al leer el titular pensaba que esa era la razón de esta ley, pero no, la razón es que produce adicción:

Snapstreaks, YouTube autoplay, and endless scrolling are all coming under fire from a new bill, which is sponsored by Sen. Josh Hawley (R-MO), targeting the tech industry’s “addictive” design. 

Hawley’s Social Media Addiction Reduction Technology Act, or the SMART Act, would ban these features that work to keep users on platforms longer, along with others, like Snapstreaks, that incentivize the continued use of these products. If approved, the Federal Trade Commission and Health and Human Services could create similar rules that would expire after three years unless Congress codified them into law. 

“Big tech has embraced a business model of addiction,” Hawley said. “Too much of the ‘innovation’ in this space is designed not to create better products, but to capture more attention by using psychological tricks that make it difficult to look away.”

Norma UNE 153010 "Subtitulado para personas sordas y personas con discapacidad auditiva"

La Norma UNE 153010 "Subtitulado para personas sordas y personas con discapacidad auditiva", de mayo 2012, explica cómo se deben crear los subtítulos para este grupo de personas. Define cosas como:

• Los subtítulos deben ocupar como máximo dos o excepcionalmente tres líneas de texto.
• El límite máximo de caracteres por línea debería ser de 37.
• El tamaño máximo de los caracteres debe ser aquél que permita presentar en pantalla un subtítulo con 37 caracteres.
• La relación de contraste entre un carácter y su contorno o caja debe tener un valor mínimo de 4.5.
• Las técnicas para identificación de personajes deben elegirse según el siguiente orden de prioridad: uso de color, uso de etiquetas, uso de guiones.

Y así un montón de cosas más que se deben tener en cuenta.

Octava encuesta del WebAIM sobre el uso de lectores de pantalla

El WebAIM ha lanzado la octava encuesta del WebAIM sobre el uso de lectores de pantalla: Screen Reader User Survey #8.

La encuesta estará disponible hasta el 13 de septiembre de 2019 y la pueden contestar todos los usuarios de lectores de pantalla, incluso los que los usan únicamente para evaluación y pruebas.

Domino's Pizza no hace su sitio web accesible y quiere llegar hasta la Corte Suprema

En el año 2016, Guillermo Robles denunció a Domino's Pizza porque su aplicación para pedir pizzas no era accesible.

En enero 2019, un tribunal dijo que la aplicación debía ser accesible:  Domino's Pizza app must be accessible to blind people.

Sin embargo, Domino's Pizza no está de acuerdo y quiere llevar el caso hasta la Corte Suprema: Domino’s Would Rather Go to the Supreme Court Than Make Its Website Accessible to the Blind.

Cómo denunciar la falta de accesibilidad web en España

Recientemente me han preguntado por este tema, del cual ya escribí hace tiempo la entrada ¿Cómo denunciar la falta de accesibilidad de un sitio web?. En esa entrada recomendaba la lectura de ¿Como denunciar la falta de accesibilidad de un sitio web? con @ramoncorominas y @jacarrey.

En la Oficina de Atención a la Discapacidad (OADIS) se puede presentar de forma telemática una consulta o una queja, pero no una denuncia.

Sobre Presentar una denuncia, lo que dicen no ayuda mucho:

La Oficina de Atención a la Discapacidad, tiene competencias para:

• Analizar las denuncias exclusivamente de competencia estatal.

• Asimismo, es competente en las actuaciones previas a la instrucción del expediente para analizar las denuncias y remitir a la Dirección General de Políticas de Apoyo a la Discapacidad el correspondiente informe.

Entonces ¿qué hay que hacer? Ramón Corominas y José Ángel Carrey explican:

3. Presentar una denuncia
Puedes plantear una denuncia, para que se sancione a la empresa u organismo infractor de las normas de accesibilidad, y se le obligue a cumplirlas.
Para efectuarla puedes usar el formulario oficial que encontrarás en web de infracciones y sanciones.
La presentación de esta denuncia no es posible realizarla de forma telemática, la tendrás que remitir firmada por correo postal a la siguiente dirección:
Dirección General de Políticas de Apoyo a la Discapacidad.
Paseo de la Castellana, 67, 28071 Madrid.
Procedimiento sancionador.
Una vez recibida, te asignarán un número de procedimiento.
La subdirección General de Coordinación de políticas de discapacidad, previo informe de la Oficina de Atención a la Discapacidad, iniciará la instrucción del procedimiento sancionador, y a su término, será la dirección general antes citada, o el Ministro de Sanidad, en función de la gravedad de las sanciones a aplicar, quien impondrá la sanción.

Eso es, el enlace que proporcionan conduce a Ministerio de Sanidad, Consumo y Bienestar Social - Servicios Sociales e Igualdad - Discapacidad - Protección de derechos - Infracciones y sanciones, que incluye enlaces al formulario de denuncia de infracciones en formato Word y al formulario en formato PDF editable e imprimible:

HOJA DE DENUNCIA
Infracciones y sanciones en materia de igualdad de oportunidades, no discriminación y accesibilidad universal de las personas con discapacidad (Real Decreto Legislativo 1/2013, de 29 de noviembre)

State of Accessibility Report

En State of Accessibility Report podemos encontrar la siguiente infografía y el informe asociado.

Informe del CERMI para el Examen Periódico Universal de las Naciones Unidas

En El Cermi notifica a la ONU la evolución desde 2015 de la protección de los derechos de las personas con discapacidad en España podemos leer:

El Comité Español de Representantes de Personas con Discapacidad (Cermi) ha remitido un informe al Consejo de Derechos Humanos de Naciones Unidas en el que explica la evolución de la protección de los derechos de las personas con discapacidad en el Estado español desde el año 2015.

Este informe fue elaborado por el Cermi ante el próximo Examen Periódico Universal (EPU) al que será sometido España por el Consejo de Derechos Humanos de la ONU, con el fin de hacer un relato evolutivo de la situación de los derechos humanos de las personas con discapacidad en los últimos cuatro años. 

Según informó el Cermi, el documento fue elevado también al Ministerio de Asuntos Exteriores, Unión Europea y Cooperación, para que conste al Ejecutivo español la posición de la sociedad civil en esta materia. 

El Cermi, que fue nombrado en 2011 mecanismo independiente de seguimiento de la aplicación de la Convención en España, parte en su informe de las observaciones que el Consejo de Derechos Humanos realizó a España en su anterior examen (2015), así como de las recomendaciones realizadas por el Comité de Derechos de las Personas con Discapacidad de Naciones Unidas (2019), el Comité del Pacto de los Derechos Económicos, Sociales y Culturales y el Comité de los Derechos del Niño (2018).

¿La audiodescripción es un invento español?

Parece que sí, en Telling it like it is: audio description in Australia dicen:

Audio description (AD) is a track of narration describing important visual elements of a film, television show or live performance delivered between lines of dialogue to make it accessible to audiences who are blind or vision impaired.
The first instance of AD can be traced back to a radio DJ describing cinema in 1940s Spain, and it is now in widespread use on television internationally.

El artículo enlazado es  Pioneering audio description: an interview with Jorge Arandes, en el que podemos leer:

¿Se leían los títulos y los créditos?

Sí, sí el realizador, el productor, el director, todo; mientras se escuchaba la música, que es lo que se oía en la radio. El equipo técnico bajaba un poco el sonido cuando Gerardo entraba a locutar, y luego volvían a subir el sonido. Lo importante era la banda sonora de la película. La película ya estaba doblada y sólo había que poner comentarios a la banda que lleva lo que se llama soundtrack. Los diálogos siempre se respetaban.

¿Por qué surgió la idea?

La idea inicial fue de Gerardo Esteban, y simplemente a mí me gustó y como era aficionado al cine y me gustaba la radio, con la unión de las dos cosas me entusiasmaba.

¿La ONCE le ha consultado en algún momento?

No, la ONCE nos agradecía mucho que hiciéramos el programa y yo siempre les saludaba: "Este programa va dedicado de una manera especial a los miembros de la ONCE que sabemos que nos siguen y pueden de esta manera ir al cine como cualquier otra persona".

¿Qué tipo de lenguaje utilizaba en las descripciones?

Un lenguaje muy escueto. Yo describía lo que pasaba, no importa que fuera una película romántica o de espías. Yo me limitaba a describir lo que veía: "Fulano de tal se acerca a Elisabet. Ella le mira con cara compungida y espera que reaccione por lo que ha hecho, se acerca y la besa".

Cómo llegó la audiodescripción a Netflix

Muy curiosa la historia que se cuenta en Netflix gives blind fans of Daredevil the audio descriptions they asked for.

Allá por el año 2015, Netflix empezó a emitir la serie Daredevil, que tiene como protagonista a un superhéroe ciego. Y claro, los ciegos querían "ver" la serie, pero no podían porque no tenía audiodescripción (Fans to Netflix: Make Daredevil accessible to the blind). Así que, protestaron y lo lograron, Netflix empezó a ofrecer la serie con audiodescripción.

Entra en vigor la Accessible Canada Act

Según la noticia Canada’s first federal accessibility legislation comes into force, el pasado 11 de julio entró en vigor la Accessible Canada Act.

Curso gratuito "Introduction to Web Accessibility"

El curso Introduction to Web Accessibility está anunciado, todavía no tiene fecha de inicio, pero uno se puede apuntar para ser avisado cuando comience.

El contenido del curso es:

• WCAG principles. Web content must be:
• Perceivable
• Operable
• Understandable
• Robust
• WCAG guidelines interpreted
• WCAG success criteria
• WCAG sufficient and advisory techniques
• Introduction to accessibility testing
• Introduction to assistive technologies
• Experiencing barriers for those who do not experience barriers

Tres cosas que puedes hacer para mejorar la vida de millones de personas

Muy a menudo, las personas con discapacidad no pueden usar los documentos electrónicos porque presentan barreras de accesibilidad. Las tres cosas más sencillas e importantes que puedes hacer para mejorar la accesibilidad de los documentos electrónicos son:

1. Definir un texto alternativo para las imágenes. Pero a veces no todas las imágenes necesitan un texto alternativo y una imagen puede requerir diferentes textos alternativos según el contexto.
2. Elegir y usar colores adecuados. Los colores no están prohibidos, se puede usar cualquier color, lo que plantea problemas son las combinaciones de colores erróneas.
3. Definir una buena estructura del documento con los encabezados. No solo ayuda a las personas con discapacidad, ayuda a todo el mundo, te ayuda a ti mismo porque facilita los cambios, ¿por qué no usas lo encabezados siempre?

Estas tres cosas no garantiza la accesibilidad al 100%, pero sí que suelen ser barreras muy comunes y muy fáciles de evitar. Un pequeño gesto puede ayudar a millones de personas, ¿a qué estás esperando?

Consejos para realizar tests con usuarios ciegos

En Aprendizajes de facilitar tests con usuarios ciegos se proporcionan algunos consejos y aprendizajes a tener en cuenta cuando se realicen tests con usuarios ciegos:

Arnautovic nos cuenta que es la primera vez que él ha hecho un test con usuarios con personas que confían en los lectores de pantalla para navegar por la web. Nos cuenta que aprendió mucho sobre su sitio y los elementos que funcionan y los que no. Pero además él aprendió varios aprendizajes sobre los usuarios ciegos que le pueden servir a cualquiera que tenga que hacer un test con usuarios con ellos.
Estos aprendizajes son los siguientes cuatro: 

1. Sólo porque alguien sea ciego, no significa que sea un experto usando el lector de pantalla

1. Ser ciego puede afectar a la inclinación de la gente a aprender nuevas herramientas y tecnologías

1. Estar a gusto facilitando con usuarios ciegos

1. Los usuarios ciegos son increíbles en crear modelos mentales de los sitios

Los problemas de accesibilidad de los captchas

Recientemente, el W3C ha publicado un borrador de Inaccessibility of CAPTCHA. En la nota de prensa CAPTCHA WIDE REVIEW DRAFT PUBLISHED se dice:

We thank the community for comments provided on earlier drafts of this document. Your comments have helped us improve our analysis of the state of the art in telling human users apart from their robotic impersonators.
While there are editorial revisions in almost every paragraph of this latest draft, some of the highlights include:

• A new section on Proof of Work;

• A significant rewrite of the section on reCAPTCHA;

• Two new sections on Turing Tokens and Federated Turing Tokens to discuss recent non-interactive blinded verification approaches which we’ve named “Turing Tokens.”

To be sure the updated document is as complete as possible, we once again solicit public input on this version. The following questions will help guide your review:

• Does this document fully capture current problems with CAPTCHA and related systems?

• Are there other CAPTCHA approaches that should be added?

• Are there concerns for certain categories of persons with disabilities that remain unaddressed or insufficiently addressed in this document?

• Are you aware of relevant research or technological development in this area we missed?

• Have we sufficiently addressed CAPTCHA’s problems with internationalization, privacy, and security?

• Is “Turing Tokens” a reasonable name for the blinded verification tokens described in section 3.4? And, is our new visionary section 3.5 based on Turing Tokens clear? Or, should it be its own, separate document?

• Have we mis-characterized anything we discuss?

Cómo crear contenido accesible para las personas con dislexia

En How to Create Accessible Content and Designs for People with Dyslexia se proporcionan algunos consejos para crear contenido accesible para las personas con dislexia:

The concepts of digital accessibility are becoming known and understood by more people every day. As this knowledge gets implemented by a growing number of individuals and companies, some people who were historically excluded from equal access to online information can now consume and contribute to digital experiences more fully — when those experiences are built with their needs and methods of interacting with the material in mind. One too-often-overlooked area of web accessibility is creating content that may be easier for people with dyslexia to understand.

Uso de "persona profiles" para testear la accesibilidad

En Using persona profiles to test accessibility se explica:

In 2017, the Accessibility Team at the Government Digital Service (GDS) created accessibility personas to highlight common barriers faced by people with particular conditions and provide tips on how to design for them. 

These user profiles are used by teams such as user researchers and developers to create services that are accessible to all. For instance, there is a persona for Pawel, a user with Asperger’s and one for Simone, a dyslexic user. 

While personas can be a great tool by themselves, we wanted to let people experience the web as that user. So, we created login profiles for each persona. These login profiles simulate the user’s condition and the tools he or she may be using to help with that condition. 

After testing on different devices, we found that Chromebooks were the most successful device on which to use our accessibility persona logins. We explain why in more detail further down.

La importancia de resaltar el foco

En Focusing on Focus Styles se explica la importancia de resaltar el foco en las páginas web:

Not everyone uses a mouse to browse the internet. If you’re reading this post on a smartphone, this is obvious! What’s also worth pointing out is that there are other forms of input that people use to get things done. With these forms of input comes the need for focus styles. 

People are complicated. We don’t necessarily perform the same behaviors consistently, nor do we always make decisions that make sense from an outsider’s perspective. Sometimes we even do something just to… do something. We get bored easily: tinkering, poking, and prodding things to customize them to better suit our needs, regardless of their original intent. 

People are also mortal. We can get sick and injured. Sometimes both at once. Sometimes it’s for a little while, sometimes it’s permanent. Regardless, it means that sometimes we’re unable to do things we want or need to do in the way we’re used to. 

People also live in the world. Sometimes we’re put into an environment where external factors conspire to prevent us from doing something the way that we’re accustomed to doing it. Ever been stuck at your parents’ house during the holidays and had to use their ancient-yet-still-serviceable desktop computer? It’s like that.

Y se explica el uso de :focus, :focus-within y :focus-visible.

Libro "Web Accessibility - A Foundation for Research"

El libro Web Accessibility - A Foundation for Research se acaba de publicar. El contenido del libro es:

Front Matter

Pages i-xxiii

Understanding Disabilities

Front Matter

Pages 1-1

Visual Disabilities

Armando Barreto, Scott Hollier

Pages 3-17

Physical Disabilities

Shari Trewin

Pages 19-33

Deafness and Hearing Loss

Raja Kushalnagar

Pages 35-47

Cognitive and Learning Disabilities

Lisa Seeman, Clayton Lewis

Pages 49-58

Situationally-Induced Impairments and Disabilities

Jacob O. Wobbrock

Pages 59-92

Ageing and Older Adults

Sri Kurniawan, Andrew Arch, Sean-Ryan Smith

Pages 93-119

Speech and Language

Abi Roper, Stephanie Wilson, Timothy Neate, Jane Marshall

Pages 121-131

Conducting Research

Front Matter

Pages 133-133

Inclusive Writing

Tom Babinszki, Anna Cavender, Michael Gower, Jeffery Hoehl, Darcy Lima, Erich Manser et al.

Pages 135-152

Working With Participants

Christopher Power, Helen Petrie

Pages 153-168

Working with Companies, Charities and Governmental Organisations

Andrew Arch, Lisa Seeman, Sarah Pulis, Glenda Sims

Pages 169-183

End-User Evaluations

Sukru Eraslan, Chris Bailey

Pages 185-210

Reproducible and Sustainable Research Software

Caroline Jay, Robert Haines

Pages 211-221

Society and Standards

Front Matter

Pages 223-223

Standards, Guidelines, and Trends

Shadi Abou-Zahra, Judy Brewer

Pages 225-246

Web Accessibility Policy and Law

Jonathan Lazar

Pages 247-261

Tackling the Inaccessibility of Websites in Postsecondary Education

Jane Seale, Sheryl Burgstahler, Björn Fisseler

Pages 263-279

Policy and Standards on Web Accessibility for Cognitive and Learning Disabilities

Clayton Lewis, Lisa Seeman

Pages 281-299

Inclusion

Cynthia C. Shelly

Pages 301-313

Technical Foundations

Front Matter

Pages 315-315

Assistive Technologies

Hugo Nicolau, Kyle Montague

Pages 317-335

Documents and Publications

Vivienne Conway, Amanda Mace

Pages 337-355

Inclusively Designed Authoring Tools

Jutta Treviranus, Jan Richards, Colin Clark

Pages 357-372

Dynamic Web Content

Renata Pontin de Mattos Fortes, Humberto Lidio Antonelli, Willian Massami Watanabe

Pages 373-395

Scientific Documents

Volker Sorge, Dragan Ahmetovic, Cristian Bernareggi, John Gardner

Pages 397-415

Mathematics and Statistics

Neil Soiffer, Steve Noble

Pages 417-443

Usability, Universal Usability, and Design Patterns

David Sloan, Sarah Horton

Pages 445-460

Multimedia Accessibility

Carlos Duarte, Manuel J. Fonseca

Pages 461-475

Techniques and Tools

Front Matter

Pages 477-477

Tools for Web Accessibility Evaluation

Julio Abascal, Myriam Arrue, Xabier Valencia

Pages 479-503

Automatic Web Accessibility Metrics

Giorgio Brajnik, Markel Vigo

Pages 505-521

Tools and Applications for Cognitive Accessibility

K. Miesenberger, C. Edler, P. Heumader, A. Petz

Pages 523-546

User Interface Adaptation for Accessibility

Sergio Firmenich, Alejandra Garrido, Fabio Paternò, Gustavo Rossi

Pages 547-568

Transcoding

Chieko Asakawa, Hironobu Takagi, Kentarou Fukuda

Pages 569-602

Technologies for Dyslexia

Maria Rauschenberger, Ricardo Baeza–Yates, Luz Rello

Pages 603-627

Alternative Nonvisual Web Browsing Techniques

I. V. Ramakrishnan, Vikas Ashok, Syed Masum Billah

Pages 629-649

Education and STEM on the Web

Barbara Leporini, Marina Buzzi

Pages 651-674

Ubiquitous Web Accessibility

Front Matter

Pages 675-675

Wayfinding

Daisuke Sato, Hironobu Takagi, Chieko Asakawa

Pages 677-700

Wearables

Shaun K. Kane

Pages 701-714

Tangible Interfaces

Mark S. Baldwin, Rushil Khurana, Duncan McIsaac, Yuqian Sun, Tracy Tran, Xiaoyi Zhang et al.

Pages 715-735

Mobile Web

Tiago Guerreiro, Luís Carriço, André Rodrigues

Pages 737-754

Fabrication, 3D Printing, and Making

Amy Hurst

Pages 755-776

Internet of Things: An Opportunity for Advancing Universal Access

Federica Cena, Amon Rapp, Ilaria Torre

Pages 777-790

Futurama

Yeliz Yesilada, Simon Harper

Pages 791-803

Back Matter

Pages 805-807

La importancia de nombrar las cosas para mejorar la accesibilidad web

En Naming things to improve accessibility se explica:

One thing you can do to improve the accessibility of your work is to always ensure things have accessible names. Unique and useful names, ideally, so that they can be used for navigation. In this post I’ll explain how browsers decide on the names for links, form fields, tables and form groups.

Accessibility Tree
When a user accesses your site, the server will send markup to the browser. This gets turned into trees. We’re probably all familiar with the DOM tree, a live representation of your markup, with all nodes turned into objects that we can read properties of and perform all sorts of functions on.

What many people don’t know, is that there is a second structure that the browser can generate: the accessibility tree. It is based off the DOM tree, and contains all meta information relation related to accessibility: roles, names and properties. Another way to say it: the accessibility tree is how your page gets exposed to assistive technologies.

Reproductor de vídeo que permite seleccionar capítulos

En Building Interactive HTML5 Videos podemos encontrar un reproductor multimedia que permite seleccionar los capítulos del vídeo, para saltar fácilmente entre secciones de un vídeo.

Y en Adding captions and subtitles to HTML5 video se explica cómo gestionar los subtítulos desde JavaScript.

Guía de creación de subtítulos de la BBC

BBC Subtitle Guidelines:

Subtitles are primarily intended to serve viewers with loss of hearing, but they are used by a wide range of people: around 10% of broadcast viewers use subtitles regularly, increasing to 35% for some online content. The majority of these viewers are not hard of hearing. 

This document describes 'closed' subtitles only, also known as 'closed captions'. Typically delivered as a separate file, closed subtitles can be switched off by the user and are not 'burnt in' to the image. 

The Subtitle Guidelines describe best practice for authoring subtitles and provide instructions for making subtitle files for the BBC. This document brings together documents previously published by Ofcom and the BBC and is intended to serve as the basis for all subtitle work across the BBC: prepared and live, online and broadcast, internal and supplied.

El papel de los traductores en la inclusión de las personas con discapacidad

La semana pasada asistí a las III Jornadas INCLUTRAD de Accesibilidad, Discapacidad y Traducción, organizadas por la Universidad Pablo de Olavide en Sevilla

Ramón Rodríguez, director de proyectos globales de la Fundación Universia presentó el IV Estudio Universidad y Discapacidad. Según este estudio, un 1,5% de la población universitaria presenta una discapacidad.

El tipo de discapacidad más frecuente es la física con un 55,9%, seguida de las discapacidades psicosociales con un 26,5% y las discapacidades sensoriales con un 17,4%.

Las jornadas se retransmitieron en directo por Internet. En todo momento hubo interpretación a la lengua de signos española.

También se utilizó el sistema Webcaptioner para ofrecer transcripción en vivo.

Más información:

• Sitio web de las jornadas.
• CERMI Andalucía participa mañana en Sevilla en la Inauguración de las III Jornadas ‘Inclutrad’ sobre Accesibilidad, Discapacidad y Traducción.
• III Jornadas INCLUTRAD 2019.

La primera regla de ARIA

Conviene recordar la primera regla de WAI-ARIA (2.1 First Rule of ARIA Use):

If you can use a native HTML element [HTML51] or attribute with the semantics and behavior you require already built in, instead of re-purposing an element and adding an ARIA role, state or property to make it accessible, then do so. 

Under what circumstances may this not be possible?

• If the feature is available in HTML [HTML51] but it is not implemented or it is implemented, but accessibility support is not.

• If the visual design constraints rule out the use of a particular native element, because the element cannot be styled as required.

• If the feature is not currently available in HTML.

III Jornadas Inclutrad de Accesibilidad, Discapacidad y Traducción (INCLUTAD 2019)

La Universidad Pablo de Olavide (UPO) de Sevilla organiza las III Jornadas Inclutrad de Accesibilidad, Discapacidad y Traducción (INCLUTAD 2019) los días 13 y 14 de junio de 2019.

El jueves 13, a las 18 horas, impartiré la conferencia "La accesibilidad de los sitios web como recurso fundamental de información y formación".

En EL PRESIDENTE DEL CERMI ANDALUCÍA INTERVIENE ESTE JUEVES EN SEVILLA EN LAS III JORNADAS INCLUTRAD SOBRE ACCESIBILIDAD, DISCAPACIDAD Y TRADUCCIÓN y en Cermi y la Universidad Pablo de Olavide organizan unas jornadas sobre accesibilidad, discapacidad y traducción podemos leer más sobre este evento.

Requisitos de WCAG sobre el contraste y el color

En Understanding WCAG 2 Contrast and Color Requirements, se explican los requisitos de WCAG relacionados con el contraste y el color.

No hay que confiar ciegamente en las herramientas automáticas de evaluación de la accesibilidad web

En Automated Lies, with one line of code se da una buena explicación de los problemas o de las cosas que no hacen las herramientas automáticas de evaluación de la accesibilidad web:

It should be universally understood that automated testing tools cannot offer complete test coverage for all possible accessibility issues on the web. Therefore it stands to reason that if you cannot automatically find all your site’s accessibility issues, you certainly cannot automatically fix all of them, either. This is extraordinarily simple logic. In fact, automatically fixing issues is even less likely to be successful than finding them. This fact is demonstrated within Mallet. While Mallet is extremely good at finding & fixing some issues, it is still limited to around 2-dozen types of ‘fixes’ that work on their own without any configuration. The remainder of Mallet’s fixes require some level of configuration. To put this into perspective, Tenon.io has approximately 200 accessibility tests that look for around 2500 different failure conditions. In other words, we can easily find at least 10x as many issues as we can reliably fix, because fixing the issues requires far more knowledge about the user interface than an automated tool has.

Y también dice:

 As always, it is important to remind the reader that there are limits to what can be discovered with automatic testing. It stands to reason that if you cannot automatically test for something you definitely cannot fix it, either.

• Captions/ transcripts for audio-only content or audio content in videos.

• Audio description for video content

• Content that relies on sensory characteristics to understand

• Audio control

• Keyboard trap

• Pause, Stop, Hide

• Error prevention and error handling

• Effective focus management

• Reading level

The above is only a subset of the many things in web accessibility that cannot be accurately tested via automated means. Many of them are hugely impactful for people with disabilities.

Cómo construir un sitio web que sea 100% accesible y que realmente no lo sea

En Building the most inaccessible site possible with a perfect Lighthouse score desarrollan un ejercicio muy interesante: cómo crear un sitio web que sea lo más inaccesible posible pero que obtenga una puntuación perfecta en una herramienta automática de evaluación de la accesibilidad.

El símbolo universal de discapacidad

En Does the universal symbol for disability need to be rethought? se explica el origen del símbolo universal de discapacidad y se discute la necesidad de adecuarlo a la sociedad actual:

Ninety-three percent of people with disabilities don’t use a wheelchair, even though the universal symbol that identifies this group is a person in a wheelchair. Liam Riddler, a creative at London’s McCann office, points to his brother, who suffers from Crohn’s disease–a condition that causes inflammation of the digestive tract, potentially causing pain, severe diarrhea, fatigue, weight loss, and malnutrition. It’s an invisible disability: Nobody would know about it by looking at him. Most people don’t understand why he may need to use accessible toilets or take advantage of priority seating.

Public ignorance of these invisible disabilities and the discrimination that results is what prompted Riddler and his colleague–McCann London’s deputy of art Lisa Carrana–to ask an obvious but difficult question: Do we need other symbols for people with invisible disabilities? 

Riddler doesn’t claim to have an answer, but he and Carrana want to spur discussion around the issue with a project they have titled Visability93. Half provocation and half an effort to distill the graphical essence of these disabilities, the project is a crowdsourced competition that asks designers to submit their ideas about how to best graphically represent people with different invisible disabilities using individual symbols. So far they have 29 new icons (which you can download as a typeface here) that range from mental illnesses like anxiety, bipolar disorder, or depression, to physical conditions like asthma, arthritis, or diabetes. They’re using them in posters to raise awareness–and starting to imagine how they could potentially be applied in public to remind people that not all disabilities are visible.

La accesibilidad web también ayuda a las personas sin discapacidad

En el artículo Implementing Recommendations From Web Accessibility Guidelines: Would They Also Provide Benefits to Nondisabled Users se analizan las consecuencias de implementar las pautas de accesibilidad web para las personas sin discapacidad.

La conclusión fue que, en contra de lo que se suele pensar, un sitio web que cumpla las pautas de accesibilidad puede proporcionar beneficios a las personas sin discapacidad.

El resumen del artículo dice:

Objective:
We examined the consequences of implementing Web accessibility guidelines for nondisabled users.

Background:
Although there are Web accessibility guidelines for people with disabilities available, they are rarely used in practice, partly due to the fact that practitioners believe that such guidelines provide no benefits, or even have negative consequences, for nondisabled people, who represent the main user group of Web sites. Despite these concerns, there is a lack of empirical research on the effects of current Web accessibility guidelines on nondisabled users.

Method:
Sixty-one nondisabled participants used one of three Web sites differing in levels of accessibility (high, low, and very low). Accessibility levels were determined by following established Web accessibility guidelines (WCAG 2.0). A broad methodological approach was used, including performance measures (e.g., task completion time) and user ratings (e.g., perceived usability).

Results:
A high level of Web accessibility led to better performance (i.e., task completion time and task completion rate) than low or very low accessibility. Likewise, high Web accessibility improved user ratings (i.e., perceived usability, aesthetics, workload, and trustworthiness) compared to low or very low Web accessibility. There was no difference between the very low and low Web accessibility conditions for any of the outcome measures.

Conclusion:
Contrary to some concerns in the literature and among practitioners, high conformance with Web accessibility guidelines may provide benefits to users without disabilities.

Application:
The findings may encourage more practitioners to implement WCAG 2.0 for the benefit of users with disabilities and nondisabled users.

Opciones de accesibilidad en un sitio web

Muy interesante el panel de opciones de accesibilidad que aparece en el sitio web User1st:

Consulta sobre clase para hipoacúsicos

Hace unas semanas recibí la siguiente consulta:

Estimado Prof. Sergio Luján Mora, en nuestra facultad de Derecho de la Universidad Nacional del Nordeste, Argentina, estamos implementado un política de accesibilidad en diversos ámbitos y me gustaría que me aconseje en el dictado de clases con alumnos con hipoacusia, pensé en pedirle al docente dictante que utilice un micrófono inalambrico conectado a una notebook conectada a internet y utilizar el Speechnotes o similar. 

Las docentes de la cátedra suben la Bibliografía y el material de estudio al aula virtual con antelación a la clase. 

El texto producto de lo que habla el docente se proyectaría en pantalla. Cúales serían sus consejos o recomendaciones acerca de: 

a) modelo de micrófono:
b) software a utilzar, ¿ es bueno tener un software de pago como respaldo en caso de problemas de conexión con internet?, ¿cúal?
c) estragia didáctica:   

espero su valiosa colaboración
saludos cordiales

Y mi respuesta:

No te puedo recomendar un software concreto, pero han surgido muchas opciones disponibles en Internet, además de la que nombras:

https://webcaptioner.com/

https://dictation.io/

https://speechnotes.co/es/

https://speechlogger.appspot.com/es/

https://talktyper.com/

https://www.speechtexter.com/

Y la extensión para Google Chrome:

https://chrome.google.com/webstore/detail/voice-to-text/jdcdafhjjjfnkoeilnjmnadadaoehgdc

El micrófono es importante, pero quizás es mucho más importante la forma de hablar de la persona.

Te recomiendo que revises esta aplicación desarrollada en la Universidad de Alicante, quizás os pueda ayudar:

https://abilityconnect.ua.es/

Y también te recomiendo los siguientes recursos de la Universidad de Alicante sobre cómo afrontar la enseñanza de estudiantes con déficit auditivo:

Déficit auditivo. Accesibilidad Digital.


REGLAMENTO DE ADAPTACIÓN CURRICULAR DE LA UNIVERSIDAD DE
ALICANTE

Adaptación curricular de la Universidad de Alicante: Caso II: Déficit Auditivo

La accesibilidad mal entendida

Las rampas que se pueden ver en las siguientes fotografías no sirven absolutamente para nada, no mejoran la accesibilidad.

En las páginas web muchas veces ocurre lo mismo, se implementan "rampas digitales" con el objetivo de mejorar la accesibilidad, "rampas digitales" que están mal hechas como las de las fotografías.

Las páginas de inicio todavía sobreviven

Las páginas de inicio, splash pages en inglés, fue una terrible epidemia que sufrió la Web a principios del siglo XXI.

Parecía que esta epidemia había sido erradicada, pero no.

En la Universidad Central del Ecuador le tienen cierta estima a las páginas de inicio:

Nada más llegar al sitio web, te plantan una imagen, con un montón de texto, que tapa el resto de la página web y que es difícil de leer porque es una imagen. Usabilidad, cero.

Pero no solo eso, para la accesibilidad es terrible, porque la imagen, claro está, no tiene un texto alternativo:

Y como se puede ver en la captura anterior, la imagen también tiene problemas para adaptarse al tamaño de visualización del dispositivo. Otra vez, usabilidad cero.