Entradas

Mostrando entradas de diciembre, 2016

Selector de fechas accesible

En  Accessible Date Pickers han confeccionado un listado de selectores de fechas accesibles: AccDc date picker by Bryan Garaventa Accessible date picker by Deque Systems Athena date picker jQuery UI datepicker by Hans Hillen Datepicker widget by Assets.cms.gov OpenAjax date picker

Pruebas de accesibilidad remotas con usuarios de lectores de pantalla

Dos artículos que explican cómo realizar pruebas de usabilidad (o accesibilidad) remotas con usuarios de lectores de pantalla: Real-Time Remote Usability Testing with Screen Reader Users, Part 1: Practical Overview Real-Time Remote Usability Testing with Screen Reader Users, Part 2: Tips & Tricks

El sector privado europeo se prepara para la accesibilidad web

La Unión Europea lleva un tiempo trabajando en la primera norma a nivel de la Unión Europea sobre la accesibilidad de los sitios web y las aplicaciones móviles . A principios de diciembre se publicó la directiva de accesibilidad de los sitios web y aplicaciones móviles del sector público y el sector privado se está preparando para ello. ¿Por qué? En EU ready to set laws for accessibility testing podemos leer: The EU parliament is drafting a directive that will force private sector companies to accommodate disabled people when offering their goods and services. It has already adopted a directive requiring all public sector websites to adhere to accessibility guidelines. The draft directive will specifically describe the standards banks and other financial services firms have to meet and references the international standard for online accessibility; the Web Content Accessibility Guidelines (WCAG) created by the World Wide Web Consortium. [...] The move seeks to harmonise pre-existing

Libro: A Web for Everyone

El libro A Web for Everyone: Designing Accessible User Experiences , escrito por Sarah Horton y Whitney Quesenbery y publicado en enero de 2014 parece muy interesante. La tabla de contenido del libro incluye 12 capítulos: Chapter 1: A Web for Everyone Chapter 2: People First: Designing for differences Chapter 3: Clear Purpose: Well-defined goals Chapter 4: Solid Structure: Built to standards Chapter 5: Easy Interaction: Everything works Chapter 6: Helpful Wayfinding: Guides users Chapter 7: Clean Presentation: Visual design supports meaning Chapter 8: Plain Language: Creates a conversation Chapter 9: Accessible Media: Supports all senses Chapter 10: Universal Usability: Creates delight Chapter 11: An Integrated Process Chapter 12: The Future: Design for all Y hay dos apéndices que están disponibles en formato PDF para descargar: Accessible UX Principles and Guidelines WCAG 2.0 Cross-Reference

¿Qué dice WCAG 2.0 de la lengua de signos?

Imagen
Alguna vez me he encontrado con un sitio web que ofrecía alguna parte del contenido con vídeos en la lengua de signos (o de señas, como se dice en algunos países de Sudamérica). Por ejemplo, la Confederación Estatal de Personas Sordas tiene algunos vídeos en su web, por ejemplo, en la página Presentación : Este sitio web está destinado a las personas sordas, ¿por qué no hay un vídeo con la lengua de signos para todo el contenido? En la Confederación Española de Familias de Personas Sordas , después de navegar por varias páginas, no he encontrado ninguno: Entonces, ¿es necesario? En WCAG 2.0 tenemos el criterio de éxito  1.2.6 Sign Language (Prerecorded) : Sign language interpretation is provided for all prerecorded audio content in synchronized media. (Level AAA) Es un punto de verificación de nivel AAA, por lo que normalmente no se tiene en cuenta, ya que la legislación de la mayoría de los países establece que el nivel mínimo que se debe alcanzar es AA. Además, este punto de verifi

Diez razones por las que los placeholders son problemáticos

El artículo  10 reasons why placeholders are problematic explica situaciones problemáticas al usar el atributo placeholder en un control de un formulario. Estas situaciones pueden afectar de forma negativa a la usabilidad y accesibilidad de una página web: Disappearing placeholder text is easy to forget Not all browsers support placeholders Pre-populated values are hard to understand Reviewing a long form is difficult Erroneous fields are harder to fix Some browsers will remove placeholder text on focus Placeholder text may be mistaken for a value They have insufficient contrast Screen readers may not announce them A missing label reduces the size of the hit area

Ejemplo de que usar el placeholder es una mala idea

Imagen
El siguiente formulario se encuentra en Mejor con lentillas : El aviso "* Campos obligatorios" al final del formulario en vez de al principio no es muy adecuado, pero ese no es el problema más grave de este formulario. Para indicar el contenido de cada campo del formulario se emplea el atributo placeholder en vez de una etiqueta con : Lo podemos comprobar viendo el código fuente: ¿Por qué es una mala idea usar el placeholder? Imaginemos que me equivoco y en el campo para el teléfono escribo el DNI y en el campo para el DNI escribo el teléfono. El resultado será el siguiente: ¿Qué está pasando? ¿Cuál es mi error? Si no me he fijado bien al rellenar el formulario, no recordaré qué debo introducir en cada campo. Para saberlo deberé ¡¡borrar lo he escrito!! Además, desde un punto de vista de la accesibilidad web, algunos lectores de pantalla no reconocen el atributo placeholder, así que los usuarios que dependen de su uso para poder navegar por la Web no podrán rellenar este form

Cómo mostrar mensajes de error que sean accesibles

El artículo  How to Provide Accessible Error Identification explica las diferentes formas accesibles que existen para mostrar mensajes de error en un formulario. El artículo indica que existen tres criterios de éxito de WCAG 2.0 que se deben tener en cuenta: SC 3.3.1 Error identification SC 3.3.3 Error suggestions SC 3.3.4 Error Prevention in legal and Financial transactions

YouDescribe y Amara

Imagen
YouDescribe y Amara  son dos herramientas muy útiles para lograr que los vídeos sean accesibles. YouDescribe  permite añadir una audiodescripción a cualquier vídeo publicado en YouTube. Por ejemplo (si no funciona el contenido embebido, navega a  The Quiet Man - Kiss Scene ): Que se corresponde al vídeo: Amara  permite añadir subtítulos a cualquier vídeo publicado en YouTube. Por ejemplo, el siguiente vídeo tiene subítulos en 10 idiomas (si no funciona el contenido embebido, navega a   Honest Trailers - El Hombre de Acero ):

Cómo mejorar la experiencia de usuario para las personas con ceguera al color

En  Accessibility: Improving The UX For Color-Blind Users se explica cómo mejorar la experiencia de usuario para las personas con ceguera al color. Según el artículo, un 4.5% de la población presenta algún grado de ceguera al color. Pero entre los hombres sube hasta un 8%. En este artículo se proporcionan 13 consejos que no sólo benefician a las personas con ceguera al color: Text Readability Text Overlaid On Background Images Color Filters, Pickers And Swatches Link Photographs Without Useful Descriptions Link Recognition Color Combinations Form Placeholders Primary Buttons Alert Messaging Required Form Fields Graphs Zoom Relative Font Size

SVG accesible

En  Accessible SVGs se explican algunas cosas para lograr que las imágenes en formato SVG sean accesibles: Scalable Vector Graphic (SVG) is emerging as the preferred graphic format to use on the web today. Are you abandoning the icon font or replacing old pg, gif and png graphics for the well-supported SVG, too? Let’s see how this will impact users of assistive technology (AT) and what is needed in order to ensure a great user experience for everyone. El artículo incluye varios ejemplos.

Publicada la directiva de accesibilidad de los sitios web y aplicaciones móviles del sector público

Con fecha 2 de diciembre se ha publicado la noticia  Publicada la directiva de accesibilidad de los sitios web y aplicaciones móviles del sector público en el portal de administración electrónica del Gobierno de España: Se ha publicado en el Boletín oficial de la Unión Europea la Directiva (UE) 2016/2102 del Parlamento Europeo y del Consejo, de 26 de octubre de 2016, sobre la accesibilidad de los sitios web y aplicaciones para dispositivos móviles de los organismos del sector público(Abre en nueva ventana) Tras el acuerdo político alcanzado el pasado mes de mayo por Comisión Europea, Parlamento Europeo y Consejo europeo (estados miembros) se publica esta directiva que entrará en vigor a los 20 días de su publicación en el DOUE. La Directiva cubrirá todos los sitios web y aplicaciones móviles del sector público, desde los de las administraciones, tribunales y servicios de policía a los de los hospitales, universidades y bibliotecas públicas, y hará que sean accesibles a todos los ciuda

Día Internacional de las Personas con Discapacidad

El  Día Internacional de las Personas con Discapacidad  se observa en todo el mundo cada 3 de diciembre de acuerdo a la resolución 47/3 de la Asamblea General adoptada el 14 de octubre de 1992, con el objetivo de llamar la atención y movilizar apoyos para aspectos clave relativos a la inclusión de personas con discapacidad en la sociedad y en el desarrollo.

Ejemplo de sitio web accesible y no accesible

Accessible University 3.0 es un sitio web de demostración que incluye un sitio web con problemas de accesibilidad y el mismo sitio web con esos problemas corregidos. Además, se incluye una lista de los problemas que existen en el sitio web ( Accessible University: List of Accessibility Issues ).

Usar Google Calendar con un lector de pantalla

Google tiene la página  Usar Google Calendar con un lector de pantalla que ofrece consejos para usar Google Calendar con un lector de pantallas. No ofrece muchos consejos, quizás lo más interesante es la opción de utilizar las combinaciones de teclas .