Algunos consejos sobre el uso del atributo title

Muy interesante el artículo The Trials and Tribulations of the Title Attribute.

El primer consejo es "no uses el atributo title". Pero si lo tienes que usar, o lo quieres usar aunque te digan que no lo debes usar, entonces lee este artículo para saber cómo usarlo correctamente.

Global Accessibility Awareness Day el 17 de mayo

El próximo 17 de mayo se celebra el Global Accessibility Awareness Day:

El 17 de mayo, le invitamos a participar en el Día Mundial para Promover la Concienciación sobre la Accesibilidad Web, conocido en inglés como Global Accessibility Awareness Day (GAAD). Cuando hablamos de la accesibilidad Web nos referimos a el contenido, la navegación y la interacción. El propósito de este día es para hablar, pensar y aprender sobre la accesibilidad de las tecnologías digitales (web, software, dispositivos móviles, etc.) y los diferente tipos de usuarios, incluyendo las personas con discapacidades. La audiencia que queremos atraer para GAAD son las comunidades de diseño, desarrollo, usabilidad y también los que crean, dan forma, apoyan financieramente e influencian la industria de tecnología y su uso. Aunque una persona este interesada en el tema de hacer la tecnología mas accesible y usable para las personas con discapacidades, la realidad es que muchas veces no saben como y donde comenzar. El conomocimento sobra la accesibilidad Web es el primer paso.

Uso de Twitter con la vista

Muy interesante el siguiente vídeo que muestra cómo se puede utilizar Twitter con la vista, creo que el sistema que emplea es Irisbond:

pic.twitter.com/Q4J3XOQr5i

— Alberto Moreno (@albertopajariyo) 27 de abril de 2018

Fecha para la próxima normativa sobre accesibilidad de la Unión Europea

En EU Directive on the Accessibility of Public Sector Websites and Mobile Applications podemos leer que la directiva de la Unión Europea que obliga a los estados miembros a asegurar que sus sitios web y sus aplicaciones son accesibles se debe trasponer a la legislación de cada país hasta el 23 se septiembre de 2018:

The European Union (EU) Directive on the Accessibility of Websites and Mobile Applications requires EU member states to make sure their websites and mobile apps meet common accessibility standards. The Directive will be transposed into the laws of each EU member state by September 23 2018.


The Directive uses the four principles of the Web Content Accessibility Guidelines (WCAG) 2.0, requiring that public sector organisations across the EU take steps to make sure their websites are “Perceivable, Operable, Understandable, and Robust”.

The Directive references EN 301 549 as the standard which will enable websites and apps to comply with the law. EN 301 549 is a set of Functional Accessibility requirements broken down into chapters, and chapter 9 on Web Content cites WCAG 2.0 Level AA as the expected standard.

The W3C is close to publishing WCAG 2.1, an update to WCAG 2.0 that introduces many Success Criteria (SC) focused on mobile apps, as well as SC relating to low vision and cognitive disability. The W3C anticipates that WCAG 2.1 will be released in June 2018, and EN 301 549 could be updated to include the new SC introduced in WCAG 2.1.

Once adopted into the laws of each EU member state, the Directive sets a timetable for compliance with the new regulations:

• New public sector websites must conform by September 23 2019
• All public sector websites by September 23 2020
• All public sector mobile apps by June 23 2021

In order to comply with the Directive, public sector organisations will need to monitor the accessibility of their websites and mobile apps, make information from the monitoring available in an accessibility statement, and provide reports to a central authority. These requirements mean that many EU public sector organisations will need to rethink their accessibility strategy in the coming months if they are to be ready when the Directive comes into effect on September 23 2018.

Estadísticas de discapacidad en Estados Unidos

No es reciente, es del año 2012, pero es la información más oficial y actualizada que existe: Nearly 1 in 5 People Have a Disability in the U.S., Census Bureau Reports. Este dato se basa en el censo realizado en EEUU en el año 2010. El censo se realiza cada 10 años, así que habrá que esperar un poco hasta el siguiente.

La nota de prensa dice:

About 56.7 million people — 19 percent of the population — had a disability in 2010, according to a broad definition of disability, with more than half of them reporting the disability was severe, according to a comprehensive report on this population released today by the U.S. Census Bureau.

The report, Americans with Disabilities: 2010, presents estimates of disability status and type and is the first such report with analysis since the Census Bureau published statistics in a similar report about the 2005 population of people with disabilities. According to the report, the total number of people with a disability increased by 2.2 million over the period, but the percentage remained statistically unchanged. Both the number and percentage with a severe disability rose, however. Likewise, the number and percentage needing assistance also both increased.

[..]

The report shows that 41 percent of those age 21 to 64 with any disability were employed, compared with 79 percent of those with no disability. Along with the lower likelihood of having a job came the higher likelihood of experiencing persistent poverty; that is, continuous poverty over a 24-month period. Among people age 15 to 64 with severe disabilities, 10.8 percent experienced persistent poverty; the same was true for 4.9 percent of those with a nonsevere disability and 3.8 percent of those with no disability.

La accesibilidad según las personas con discapacidad

En Accessibility according to actual people with disabilities se incluyen varias respuestas a la siguiente pregunta:

If you have a disability, what’s the hardest thing about browsing the web?

Las respuestas están agrupadas en:

• Lack of captions.
• Motion, animations and cluttered pages.
• Wall of text.
• Small font size.
• Zooming problems.
• Low contrasts and image of text.
• Bright color schemes.
• Relying only on color.
• Mouse-focused sites.
• Too small touch-targets.
• Captchas.

Accessibility acceptance criteria

Un concepto nuevo, "accessibility acceptance criteria", aunque en realidad es muy similar a otros conceptos como "checklist" o "conformance requirements": Improving accessibility with accessibility acceptance criteria.

What are accessibility acceptance criteria?

They are a list of conditions that a user interface must meet to be considered accessible. They help us raise awareness of access needs and maintain accessibility as we iterate. 

Be aware that accessibility acceptance criteria alone won’t make your service accessible – read more guidance on building an accessible service.

Estudio de mercado de los productos de apoyo 2018-2025

He encontrado la página Assistive Technologies for Visual Impairment Market Research on Technology 2018 to 2025 y no sé si es de verdad o es una broma.

La página dice:

“Global Assistive Technologies for Visual Impairment Market Research Report 2018” provides a unique tool for evaluating the market, highlighting opportunities, and supporting strategic and tactical decision-making. This report recognizes that in this rapidly-evolving and competitive environment, up-to-date marketing information is essential to monitor performance and make critical decisions for growth and profitability. It provides information on trends and developments, and focuses on markets and materials, capacities and technologies, and on the changing structure of the Assistive Technologies for Visual Impairment Market. 

This report studies the Assistive Technologies for Visual Impairment market status and outlook of global and United States, from angles of players, regions, product types and end industries; this report analyzes the top players in global and United States market, and splits the Assistive Technologies for Visual Impairment market by product type and applications/end industries. 

Inquire for sample copy at https://www.marketinsightsreports.com/reports/0130187329/global-assistive-technologies-for-visual-impairment-market-research-report-2018/inquiry

Pero, los ejemplos que ponen en la página están "ofuscados":

¿O es una broma?

La accesibilidad mal entendida

En la accesibilidad del medio físico a veces se cometen estos errores:

En la accesibilidad digital a veces también ocurre lo mismo.

Ejemplos de problemas de accesibilidad

Web Captioner

Impresionante la página web Web Captioner que permite mostrar transcripción de lo que se dice, por ejemplo en una conferencia, en tiempo real.

Certificación en accesibilidad web

Información proporcionada por las dos principales organizaciones en España que ofrecen el servicio de certificación de accesibilidad para sitios web:

AENOR - Certificación de Accesibilidad para sitios web

La accesibilidad permite el acceso a la web y sus contenidos independientemente del tipo de hardware, software, infraestructura de red, idioma, localización geográfica y capacidades de los usuarios. Cubre la mayoría de las discapacidades que pueden tener las personas (deficiencias físicas, visual, auditiva y cognitiva), y también las necesidades de las personas de edad avanzada. Es por ello, un elemento básico para la igualdad de oportunidades y la no discriminación.

El desarrollar una web accesible tiene otros beneficios adicionales, como el mejorar la usabilidad y el posicionamiento en los buscadores, la reutilización de contenidos e interoperabilidad, reduce la carga en el servidor y el ancho de banda necesario, etc.

La marca AENOR N de Accesibilidad TIC es una garantía para las organizaciones, los usuarios y los responsables web de que las páginas de internet son y se mantienen accesibles.

Algunas de sus características son:

• Permite certificar los niveles de accesibilidad AA y AAA, para la norma UNE 139803 Requisitos de accesibilidad para contenidos Web y, por ello, de las pautas de accesibilidad de la WAI (Web Accessibility Initiative).
• Refleja el cumplimiento del nivel de accesibilidad exigido por la legislación (nivel AA).
• Se aplica a cualquier tipo de contenido, con especial énfasis en los contenidos Web a los que se accede mediante aplicaciones de usuario.
• La certificación incluye la realización de una inspección técnica de accesibilidad, la revisión del plan de acciones para corregir los problemas identificados y la verificación de las correcciones realizadas. Además, se revisará el back office o sistema de gestión de la accesibilidad.
• Incluye la realización de verificaciones semestrales del nivel de cumplimiento de los requisitos de accesibilidad y la revisión de las correcciones realizadas.
• Incluye la realización de auditorías anuales de la metodología de mantenimiento o sistema de gestión de la accesibilidad, conforme a los requisitos establecidos por AENOR en el Reglamento RP A90.01.
• Organiza y aglutina los compromisos, el conocimiento y la experiencia de AENOR, Fundación CTIC y ESI respecto a la accesibilidad web.
• Esta certificación se dirige a los propietarios y/o responsables del mantenimiento de la accesibilidad de la web, y concede el derecho a identificar la web utilizando la marca N de AENOR de Accesibilidad.

Auditoría y certificación en accesibilidad web - ILUNION consultoría

Analizamos la accesibilidad de contenidos web y otras tecnologías para verificar el grado de adecuación a los estándares de accesibilidad, realizando una descripción de las barreras identificadas y proponiendo soluciones para su eliminación, garantizando el cumplimiento de las directrices internacionales y de la legislación vigente en cuanto a la accesibilidad de los contenidos.

Certificamos la accesibilidad de algunas tecnologías (Web, aplicaciones móviles, etc.), ofreciendo un distintivo de calidad a las organizaciones que apuestan por la accesibilidad TIC. Además, realizamos revisiones periódicas de las tecnologías certificadas para asegurar el mantenimiento de los niveles de accesibilidad alcanzados.

"Personas", con comillas, para evaluar la accesibilidad

En experiencia de usuario se emplea el término persona (así se usa en inglés) para representar un usuario concreto. Se intenta que sea lo más realista posible e incluso se le da un nombre:

The purpose of personas is to create reliable and realistic representations of your key audience segments for reference. These representations should be based on qualitative and some quantitative user research and web analytics. Remember, your personas are only as good as the research behind them. Effective personas:

• Represent a major user group for your website

• Express and focus on the major needs and expectations of the most important user groups

• Give a clear picture of the user's expectations and how they're likely to use the site

• Aid in uncovering universal features and functionality

• Describe real people with backgrounds, goals, and values

En Understanding disabilities and impairments: user profiles se describe un conjunto de "personas" (aquí lo llaman "user profiles") para discapacidad:

These profiles outline:

• the sorts of barriers some users face when they use digital services

• best practice advice on how to design services that everyone can use

Simuladores en línea de daltonismo (ceguera de color)

Hace un par de meses se publicó en microsiervos el artículo Simuladores en línea de ceguera de colores. En el artículo se comentan dos simuladores:

• Vischeck
• Coblis

Y también un simulador de visión de bebé, Tiny Eyes.

Versión accesible de Twitter

EasyChirp es una versión accesible de Twitter. Las principales características que anuncia son:

• Tweet an image with a caption and long description.
• A built-in shorten URL tool with choice of service.
• Search, user search, and saved searches.
• View, subscribe, and create Twitter Lists.
• Works great with or without JavaScript.
• Fully keyboard accessible.
• Inline threading of tweets; displays reply "conversation".
• In addition to old and new desktop browsers, I work on virtually any user-agent (even Lynx, a text-only browser), with screen readers and Braille displays, and tablets and mobile devices.

Cómo realizar un estudio de usabilidad para analizar la accesibilidad

Nielsen Norman Group, la empresa de los dos guruses de la usabilidad, ofrece la guía How to Conduct Usability Studies for Accessibility. Lástima que sea de pago, la licencia individual cuesta $82.

Los temas que cubre son:

• Learn how to adapt standard usability testing practices to accommodate people with disabilities
• Testing for accessibility and usability throughout the project lifecycle
• How we conducted our accessibility studies
• Supplement the general guidelines with empirical tests of your own design with your own users
• Trust, consent forms, pictures, and video
• Using video and still cameras
• Conducting studies at the user's home or office
• Screen reader and braille sessions
• Motor skill assistive technology sessions
• Recruiting and preparing participants
• Quantitative and qualitative study tips
• Metrics to collect
• Sample documents for accessibility studies
• Recruiting screener used in the quantitative part of the study
• Checklist used in the quantitative part of the study
• Facilitation notes used in the quantitative part of the study
• Question sheet used in the quantitative part of the study
• Consent forms

CSS puede influir negativamente en la accesibilidad de los usuarios de lectores de pantalla

El artículo Screen Readers and CSS: Are We Going Out of Style (and into Content)? analiza cómo algunas propiedades de CSS influyen en la interpretación de las páginas web por parte de los lectores de pantalla.

La conclusión es que los resultados son diferentes según la combinación de lector de pantalla y navegador que se utilice, así que toca probar, probar y probar:

All of this really highlighted the value of accessibility-minded development and pre-launch testing—in a wide variety of browser-screen reader combinations—to ensure that all website visitors enjoy a consistent, equivalent experience.

Accesibilidad web y autismo

El pasado 2 de abril se celebró el día mundial del autismo.

En How web accessibility affects people with autism explican:

The Web Content Accessibility Guidelines (WCAG) 2.0 are the most popular standard for web accessibility, and have been cited by the U.S. Department of Justice as an acceptable metric for compliance  with the Americans with Disabilities Act. WCAG 2.0 contains several guidelines to help people with four different classes of disabilities: vision, hearing, motor, and cognitive. 

People on the autism spectrum have a wide range of conditions, and many of them can face difficulties with cognition when using the internet. Some of the most relevant WCAG 2.0 recommendations for people with autism are:

• Navigation and layout should be consistent across the entire site. Performing the same or similar actions on similar user interface elements should produce similar results.

• The site should still be usable at larger text sizes and should still function with images and styles disabled. However, images, icons, and graphics that help with comprehension can be included.

• Clutter and distractions should be minimized. Style and white space should separate content and direct the user’s attention as appropriate.

• The text should be as simple as possible, while providing definitions for any non-standard terms, such as idioms, jargon, and abbreviations and acronyms. Correct grammar and spelling are important.

• Users should have as much control as possible over the site’s behavior. Avoid time limits on content or automatic refreshes whenever possible. Provide clear instructions and error messages when filling out forms.

Comparecencia de José Ángel Carrey en el Congreso de los Diputados

José Ángel Carrey, presidente de la Associació Catalana per a la Integració del Cec (ACIC), varias veces ha denunciado públicamente la falta de accesibilidad de la web de Renfe:

• Cuando navegar de oídas es una odisea: la internet española no es para ciegos
• La web de Renfe

Hace unas pocas semanas, José Ángel Carrey realizó una comparecencia en el Congreso de los Diputados:



En el instante 1:03:19 le preguntan por la accesibilidad de Renfe:


Y empieza diciendo "Renfe tiene muchos problemas de accesibilidad"... Vale la pena escucharlo.

Cómo usar los encabezados correctamente

Muy fácil de entender el artículo How to structure headings for web accessibility que incluye varios ejemplos:

When is a heading not a heading? Serious question, the answer lies behind one of the most common accessibility problems on the web.
Headings are much more than a big bold title, they provide a solid structure to the webpage. Think of headings as an outline of your webpage.
The structure should be portrayed both in a visual and technical manner, so people can see the structure, and screen readers are able to identity the structure in order to read it out.
Users who can see the page decide within seconds whether or not the content is relevant to them by skimming through headings, glancing over sub-headings keeping an eye out for significant keywords. Breaking up content with headings allows the page to be easily scanned by the user
Without a heading structure, you force users to do extra work to find the information they’re looking for, who has the time and luxury?
From an accessibility point of view the structure in the code should align with the visual presentation and make sense as a “table of contents” for the page.
Use headings to introduce content, they are labels not statements.

Dos buenos ejemplos:

Y un mal ejemplo: