¿Cuál es la diferencia entre accesible, usable y diseño universal?

El artículo What is the difference between accessible, usable, and universal design? define estos tres términos que muchas veces se confunden:

Accessible design is a design process in which the needs of people with disabilities are specifically considered. Accessibility sometimes refers to the characteristic that products, services, and facilities can be independently used by people with a variety of disabilities.

Universal design is a broader concept that is defined by The Center for Universal Design at North Carolina State University as "the design of products and environments to be usable by all people, to the greatest extent possible, without the need for adaptation or specialized design."

Like accessible and universal design, usable design serves to create products that are easy and efficient to use. Usability has been defined by the International Organization for Standardization as the "effectiveness, efficiency, and satisfaction with which a specified set of users can achieve a specified set of tasks in a particular environment." Usability engineers test the ease at which users can learn to operate a product and remember how to do so when they return to the product at a later time.

aXe: The Accessibility Engine

Deque Systems, una consultora de Estados Unidos dedicada a la accesibilidad web, ha liberado como código abierto el código de su herramienta aXe.

El anuncio de Deque dice:

I am thrilled to make our award-winning accessibility rules engine available as open source so we as a community can build upon 15 years of industry-leading accessibility research and best practices.

Accessibility experts can now stop duplicating efforts and work from a common set of rules. Developers and testers can quickly get consistent, reliable, and meaningful results that are actionable. Automated accessibility testing results become easy to understand, extend, and integrate.

The Accessibility Engine, or aXe, is a compact JavaScript library that is open source and available on GitHub. This library makes integration into any development and testing tool simple and quick. Use aXe with any JavaScript framework and any modern browser. Enjoy zero false positive results, eliminating noise and frustration.

Deque’s mission is digital equality. If we are to achieve that mission together, we need to take a new approach. Our community goal is to create the most trusted set of accessibility rules anywhere. We invite cooperation rather than competition. Join us in making automated accessibility testing truly “accessible”!

Deque has been invited to contribute the aXe open source library to the W3C WAI Evaluation and Repair Tools Working Group, as work is under consideration there for a normative set of rules for evaluating WCAG 2.0 conformance.

We hope you will join us in our mission and help bring equality to the digital world.

Sincerely,

Preety Kumar

Aplicación para personas con problemas relacionados con el lenguaje

Talkitt es una aplicación móvil que tiene como objetivo ayudar a las personas con problemas relacionados con el lenguaje: Talkitt es una solución innovadora que ayuda a gente con discapacidades verbales, físicas, o del lenguaje a comunicarse más fácilmente y usando su propia voz.

¿Cómo lo hace? Talkitt traduce el lenguaje ininteligible a oraciones claras, y funciona con cualquier idioma. Talkitt reconoce patrones vocales del usuario y  la aplicación luego "habla" a la aplicación con lenguaje comprensible,  que permite comunicarse de manera clara y fácilmente con cualquier persona, en cualquier lugar y en cualquier idioma.

Recursos de la mesa redonda en línea sobre accesibilidad web

La gente de HangoutON ya ha publicado todos los recursos asociados a la mesa redonda o HangoutON que tuvimos sobre accesibilidad web hace unos días:

El vídeo Accesibilidad web:



El podcast Qué es la accesibilidad web:


La historia Accesibilidad web \ ^ _ ^ / HangoutON:

Las pautas de accesibilidad web del W3C: Comprensible

Hace unos días se publicó el artículo Las pautas de accesibilidad web del W3C: Comprensible, mi septima contribución al Observatorio de la Accesibilidad de la Confederación Española de Personas con Discapacidad Física y Orgánica (COCEMFE).

Sexta encuesta del WebAIM sobre el uso de lectores de pantalla

Durante los últimos años, el WebAIM ha realizado varias encuestas online destinadas a analizar los hábitos de uso de los lectores de pantalla:

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

Ahora ya está abierta la sexta edición: Screen Reader User Survey #6.

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

Cómo hacer el mundo digital y físico más accesible

El 15 de mayo, Eve Andersson, la ingeniera jefe del grupo de accesibilidad de Google impartió el webinar Making the Digital and Physical Worlds Accessible for People with Disabilities, que ya está disponible en YouTube.

Teclado para disléxicos

DyslexiaKey es un teclado para iOS (iPhone, iPad) diseñado para las personas con dislexia. El teclado emplea un tipo de letra que minimiza las posibilidades de confusión.

Mesa redonda sobre accesibilidad web

Ayer participé en una mesa redonda virtual (un hangout de Google) organizado por HangoutON sobre accesibilidad web.

El vídeo con la grabación ya está disponible:

Controles de usuario accesibles con HTML5, JavaScript y ARIA

Interesante el vídeo Fluent 2015: Custom interfaces with aria html and javascript - Léonie Watson, presentado en la reciente conferencia Fluent organizada por O'Reilly.

El vídeo tiene subtítulos en inglés, pero aparecen etiquetados como Afrikaans (WTF!).



La conferenciante es ciega, lo que se oye a veces de fondo es su lector de pantallas cuando pasa de diapositiva.

Mesa redonda en línea sobre accesibilidad web

Este jueves 25 de junio, a las 22 horas de España (las 15 horas en Ecuador, que es donde estoy ahora mismo), participaré en una mesa redonda en línea sobre accesibilidad web organizada por HangoutON.

La mesa redonda se podrá seguir a través de esta dirección:

http://hangouton.es/video-accesibilidad-web/

Y esta es la descripción:

Una web accesible, es una web abierta a todo el mundo sin excepción. Y es que si no se aplican los principios de la accesibilidad web a la hora de crear, desarrollar y diseñar un sitio web, se cierran las puertas a que muchas personas puedan navegar e interactuar por las múltiples barreras que encuentran y se cierra así la puerta a múltiples visitas, ventas y posicionamiento web por esos usuarios que tienen dificultades de navegación.

En el mundo existen mil millones de discapacitados y sin embargo siguen sin cumplirse los estándares establecidos sobre accesibilidad web. Millones y millones de páginas en todo el mundo siguen siendo un muro infranqueable a diario para millones de personas que encuentran dificultades a la hora de navegar y sin embargo que la Web sea accesible y universal es un principio que se contempla desde los inicios de Internet.

Esta semana en +HangoutON nos hemos propuesto adentrarnos en el principio de la accesibilidad web para conocer al detalle en qué consiste, qué marca la ley y sobre todo cómo podemos hacer sitios webs más accesibles atendiendo a varios detalles que pueden pasarnos desapercibidos y que son vitales para navegar sin barreras y ganar así más visitas a nuestro sitio web. Para ello contaremos con cuatro grandes especialistas en la materia:

- +Sergio Luján Mora (https://twitter.com/sergiolujanmora). Ingeniero informático. Profesor del Departamento de Lenguajes y Sistemas Informáticos de la Universidad de Alicante. Especialista en desarrollo y accesibilidad web (http://accesibilidadweb.dlsi.ua.es). Su blog sobre el tema es http://accesibilidadenlaweb.blogspot.com.es.

- +Verónica Traynor (https://twitter.com/verotraynor). Especialista en Investigación de usuarios y directora de Multiplicalab (http://www.multiplica.com). Colaboró redactando la Normativa de usabilidad y accesibilidad del gobierno de la ciudad de Buenos Aires y coautora del libro “Pioneros y hacedores del diseño de interacción”.

- +Jose Miguel Moreno Arrabal (https://twitter.com/ElectroPunkys). Técnico Superior de Sistemas. Consultor SEO freelance especialmente interesado en el WPO, la analítica, la accesibilidad y la usabilidad web. Afiliado a la ONCE desde hace más de diez años que comparte sus conocimientos en su blog http://www.aportando.es/seo-malaga.

- Mónica Duhem (https://twitter.com/Hear_Colors). Experta en accesibilidad de servicios de telecomunicaciones y TIC. Ha sido consultora del gobierno mexicano en el tema y, desde el 2010, relatora del grupo de estudio sobre accesibilidad a servicios de telecomunicaciones y TIC en la Unión Internacional de Telecomunicaciones (UIT). Directora de Hearcolors (http://www.hearcolors.com.mx).

Si quieres conocer cómo se pueden hacer webs más accesibles para todo el mundo tienes una cita con +HangoutON el *jueves 25 de junio en directo a las 22 horas España / 15 horas México (GMT +2). Si nos sigues desde otro país, en este enlace puedes comprobar la conversión horaria de forma sencilla: http://timeanddate.com/s/2ueg

La videoconferencia se emitirá en directo a través de YouTube y el vídeo quedará disponible en nuestro canal. Si quieres mantenerte al día y no perderte ni uno solo de nuestros vídeos, te animamos a que te suscribas al canal y te unas a los casi 2.600 amigos que lo han hecho ya: http://www.youtube.com/user/HangoutON

Durante la emisión en directo se podrán hacer preguntas y comentarios a los invitados, utilizando para ello nuestro hashtag en Twitter #HangoutON además estaremos atentos al chat de preguntas de Google+, los comentarios en YouTube y a los comentarios que dejéis por aquí. Recordaros que este es un evento online, abierto y gratuito.

Más información sobre el evento en nuestra web: http://hangouton.es/accesibilidad-web

Un sitio web accesible tiene que ser feo y aburrido

El mito de "un sitio web accesible tiene que ser feo y aburrido" ya no se oye tanto, pero seguro que hay gente que todavía se lo cree.

¿Es verdad? Pues no. Ejemplos hay miles. Recientemente he visitado el sitio web de Royal National Institute of Blind People, del Reino Unido. ¡Qué sitio más bueno!

Diccionarios en línea para invidentes

Desde Translateka.com me pasan la siguiente información:

Translateka.com es un conjunto de veinte diccionarios bilingües accesibles en la red que incluyen cinco idiomas: español, inglés, alemán, francés y polaco, lo que ofrece numerosas combinaciones lingüísticas. 

El servicio está dedicado a las personas invidentes o de visión reducida que quieran desarrollar sus conocimientos y habilidades lingüísticas.  

La página web se ha diseñado de acuerdo con las normas de accesibilidad y es compatible con los lectores de pantallas. Como alternativa al sintetizador de voz, se ha incluido una versión de voz personalizada. 

Una de las aplicaciones más interesantes es el sistema de retención del vocabulario. Gracias a un método especial de repeticiones, accesible en el apartado “Aprendizaje”, no solo se pueden traducir las palabras, sino también estudiar. 

Translateka.com ayuda a encontrar una palabra de manera rápida y eficaz; y además posibilita escucharla. Se puede navegar por la página utilizando la tecla TAB, pero para hacer la navegación aún más fácil y rápida algunas funciones –escuchar grabaciones, añadir palabras a listas, intercambiar los idiomas o borrar el texto– también cuentan con accesos directos de teclado. De igual manera se utiliza la aplicación para aprendizaje de vocabulario. 

Todas las grabaciones han sido preparadas por profesionales nativos y la página se encuentra disponible en cinco lenguas.

Navegación por landmarks en Mozilla Firefox

Los landmarks, regiones o puntos de referencia (Easy ARIA Tip #4: Landmarks) es una característica definida en WAI-ARIA que permite definir puntos especiales en una página web a los que luego se puede navegar directamente.

Los landmarks se añaden a cualquier elemento de HTML con el atributo role y un valor que representa la semántica del landmark: application, banner, complementary, contentinfo, main, navigation, search.

En HTML5 existen nuevas etiquetas que ya incorporan la semántica de los landmarks: header (banner), nav (navigation), main (main), aside (complementary) y footer (contentinfo).

Los navegadores más populares no proporcionan un mecanismo para visualizar y acceder a los landmarks. Sin embargo, los lectores de pantalla como JAWS y NVDA sí que son capaces de ello.

Como podemos leer en Bug 670928 - HTML5 element and WAI-ARIA landmark roles easily navigable in Firefox, el soporte de los landmarks en Mozilla Firefox es algo que se lleva discutiendo varios años.

Existen dos complementos, el de David Todd del 21/5/2013 y el de Matthew Atkinson (Enabling landmark-based keyboard navigation in Firefox) del 10/1/2014, que permiten utilizar los landmarks en Mozilla Firefox. Este último parece que está desarrollado a partir del primero. He probado los dos y no encuentro ninguna diferencia entre ellos. Por defecto, la tecla "n" permite navegar al siguiente landmark y la tecla "p" al anterior. Los cuadro de diálogos son prácticamente iguales:

Este complemento añade una opción al menú Herramientas que permite visualizar y navegar a los landmarks:

Diseñas para las personas

Remember, you’re not designing for IE, or Chrome, or the iPhone, or Android. You’re designing for people.

Traducción:
Recuerda, no diseñas para IE, Chrome, iPhone o Android. Diseñas para las personas.

Fuente: Interview: Jeffrey Zeldman

¿Audiodescripción o videodescripción?

La audiodescripción, llamada en algunos países videodescripción, "consiste en la información sonora que se intercala en los huecos de mensaje en las producciones audiovisuales y que explica a las personas con discapacidad visual los aspectos más significativos de la imagen que no pueden percibir. Estos comentarios se refieren a la descripción de personajes (gestos, vestimenta, etc.), datos sobre el lugar donde suceden los hechos y acerca de la acción que se desarrolla en cada momento" (La Audiodescripción).

Un par de ejemplos de audiodescripción, en este caso videodescripción porque son vídeos realizados en Argentina y parece que allí se emplea el término video descripción:

Demo video descripción: En terapia from Access Media Argentina on Vimeo.


Demo video descripción: Expedición a las islas Georgias del Sur. En busca del pez de hielo. from Access Media Argentina on Vimeo.

Dos complementos de Google para mejorar la accesibilidad

A través de Dos extensiones creadas por Google para accesibilidad web: para daltónicos y para eliminar animaciones me he enterado de nos nuevas extensiones oficiales de Google que mejoran la accesibilidad de las páginas web.

Por un lado, Potenciador del color, que permite cambiar la paleta de colores de una página web para mejorar la percepción por parte de las personas con ceguera al color (daltonismo):

Por otro lado, Animation Policy, que permite detener las animaciones que existan en una página web:

Número de personas con discapacidad en España

Calcular el número de personas con discapacidad en España o en cualquier otro sitio es difícil, empezando por el hecho de qué se considera "persona con discapacidad".

En España eso está definido en el  Real Decreto Legislativo 1/2013, de 29 de noviembre, por el que se aprueba el Texto Refundido de la Ley General de derechos de las personas con discapacidad y de su inclusión social. En su artículo 4. Titulares de los derechos, establece que:

1. Son personas con discapacidad aquellas que presentan deficiencias físicas, mentales, intelectuales o sensoriales, previsiblemente permanentes que, al interactuar con diversas barreras, puedan impedir su participación plena y efectiva en la sociedad, en igualdad de condiciones con los demás.
2. Además de lo establecido en el apartado anterior, y a todos los efectos, tendrán la consideración de personas con discapacidad aquellas a quienes se les haya reconocido un grado de discapacidad igual o superior al 33 por ciento. 

Y para establecer el grado de discapacidad existe toda una normativa.

La Base de datos Estatal de personas con discapacidad fue actualizada por última vez en el año 2013. En el informe que se publicó en el año 2014 podemos leer:

Conforme a ello, las personas en que concurren dichas condiciones y, por tanto, que tienen la consideración de personas con discapacidad ascienden a 2.564.893, de las cuales 1.263.879 son hombres y 1.301.014 son mujeres.

En ese informe se estableció la población de España en 47.129.783, por tanto, el porcentaje de personas con discapacidad es 5,44%, que queda lejos del 10-15% que se suele barajar.

Las discapacidades se agruparon en estas categorías:

• Osteoarticulares
• De los Sistemas Nervioso y Muscular (neuromusculares)
• Visuales
• Auditivas
• Expresivas
• Intelectual
• Mental
• De los órganos internos y de la piel
• Mixta
• Otras

Características de accesibilidad en el sitio web de la Unión Europea

El sitio web de la Unión Europea incluye una barra de opciones para mejorar la accesibilidad. Esta barra permite cambiar el tamaño del texto y las combinaciones de colores, tal como se puede ver en las siguientes imágenes:

Extensión de Google para mejorar el contraste

Contraste alto (o Alto contraste) es una extensión oficial para Google Chrome que permite modificar el contraste de una página web. Desarrollada por Google Accessibility, permite aplicar diferentes combinaciones de contraste a un sitio web; esta extensión almacena la selección para cada sitio web, de forma que no se tiene que elegir cada vez que se visite un sitio web.

Este complemento se puede activar y desactivar fácilmente pulsando Mays+F11.

En la versión actual ofrece las siguientes combinaciones:

MODO NORMAL

CONTRASTE AUMENTADO

ESCALA DE GRISES

COLOR INVERTIDO

ESCALA DE GRISES INVERTIDA

AMARILLO SOBRE NEGRO