- KenesicMouse, control del ordenador con gestos faciales.
- AVA, transcripción en tiempo real de la voz a texto.
- LOLA, muestra recordatorios a las personas con asperger o autismo para que realicen ciertas actividades sociales.
- DrumPants, conmutador para personas con movilidad reducida.
- EnLight, navegador de interiores para personas con problemas de visión.
- MySupport, para conectar las personas con discapacidad con las personas que ofrecen servicios de asistencia.
- InstaAid, aplicación para solicitar ayuda para las personas con discapacidad neurológica.
- Braci, "oído inteligente" que avisa a las personas sordas de los sonidos de emergencia que se produzcan.
Todo tipo de información sobre accesibilidad en la Web: errores de accesibilidad, ejemplos de páginas inaccesibles, noticias, software, hardware, productos de apoyo, consejos, pautas y guías de accesibilidad, WAI, WCAG, Norma EN 301 549, legislación, etc.
Buscador
jueves, 12 de noviembre de 2015
Ocho proyectos para mejorar la accesibilidad
Un lector de este blog me ha pasado la noticia 8 brilliant new accessibility inventions en la que se describen ocho proyectos innovadores para mejorar la accesibilidad:
miércoles, 11 de noviembre de 2015
martes, 10 de noviembre de 2015
Resumen de ARIA
Accessible Rich Internet Applications (WAI-ARIA) 1.0 es una recomendación del W3C que tiene como objetivo mejorar la accesibilidad de las interfaces web avanzadas.
En The ARIA Role Conformance Matrices se resumen los roles con sus atributos, obligatorios y opcionales, junto con una nota sobre la implementación.
En The ARIA Role Conformance Matrices se resumen los roles con sus atributos, obligatorios y opcionales, junto con una nota sobre la implementación.
lunes, 9 de noviembre de 2015
Uso correcto de los botones y enlaces
Si algo es un botón, utiliza las etiquetas para crear botones.
Si algo es un enlace, utiliza la etiqueta para crear un enlace.
Por favor, no cambies la semántica de los componentes de la interfaz de usuario: Proper Use of Buttons and Links.
Si algo es un enlace, utiliza la etiqueta para crear un enlace.
Por favor, no cambies la semántica de los componentes de la interfaz de usuario: Proper Use of Buttons and Links.
viernes, 6 de noviembre de 2015
Webinar: Accesibilidad web
Un repaso a los webinars que he realizado este año:
Accesibilidad web (7/5/2015)
Accesibilidad web (7/5/2015)
miércoles, 4 de noviembre de 2015
lunes, 2 de noviembre de 2015
Dos mil estudiantes en Aprende accesibilidad web paso a paso
Hace unos días, llegamos a 2000 estudiantes inscritos en el curso Aprende accesibilidad web paso a paso.
¡Gracias a todos ellos por ser parte del curso! ¡Y gracias a todos los que se apuntarán en el futuro!
¡Gracias a todos ellos por ser parte del curso! ¡Y gracias a todos los que se apuntarán en el futuro!
viernes, 30 de octubre de 2015
Historia del compromiso Microsoft con la accesibilidad
Interesante la página Historia del compromiso Microsoft con la accesibilidad, un repaso de las actividades dentro de Microsoft que se han desarrollado para lograr que su software sea accesible.
jueves, 29 de octubre de 2015
Aumentar el tamaño del texto
Hace unos días recibí un correo electrónico con la siguiente consulta:
Buenos días:Y mi respuesta:
Necesito un programa para aumentar la letra del ordenador. Me gustaría resolver algunas dudas que tengo, y no sé como puedo contactar contigo vía teléfono.
Para aumentar el tamaño del texto en el ordenador lo mejor es utilizar las opciones que incluye el propio sistema operativo. Si trabajas con Microsoft Windows depende de la versión que utilices, pero suele estar en Personalizar pantalla o Resolución de pantalla.
También puedes utilizar un programa llamado "magnificador de pantalla" que aumenta todo lo que aparece en la pantalla del ordenador. Otra vez, Microsoft Windows incluye uno básico, llamado la Lupa. Si necesitas uno mejor te recomiendo ZoomText, pero es de pago.
martes, 27 de octubre de 2015
La accesibilidad de la nueva web de Renfe
Renfe tiene nuevo sitio web. ¡Enhorabuena!
El nuevo sitio web "lo han vendido" a los medios de comunicación y a los clientes como más sencillo, más usable.
¿Y es más accesible?
Bueno, de entrada, dos bofetadas importantes en la cara.
Primero, dos cuadros de edición, Origen y Destino, sin una etiqueta asociada. Si se revisa el código HTML se descubre que sí que han definido las etiquetas, pero no están correctamente asociadas a los cuadros de edición.
Por otro lado, se han olvidado de los usuarios que utilizan el teclado para navegar por una página web, ya que la mayoría de los elementos de interacción de la página (enlaces, cuadros de edición y botones) no se resaltan cuando reciben el foco.
El nuevo sitio web "lo han vendido" a los medios de comunicación y a los clientes como más sencillo, más usable.
¿Y es más accesible?
Bueno, de entrada, dos bofetadas importantes en la cara.
Primero, dos cuadros de edición, Origen y Destino, sin una etiqueta asociada. Si se revisa el código HTML se descubre que sí que han definido las etiquetas, pero no están correctamente asociadas a los cuadros de edición.
Por otro lado, se han olvidado de los usuarios que utilizan el teclado para navegar por una página web, ya que la mayoría de los elementos de interacción de la página (enlaces, cuadros de edición y botones) no se resaltan cuando reciben el foco.
lunes, 26 de octubre de 2015
Renfe cambia su página web
Hace pocos días Renfe renovó su sitio web. Lo podemos leer en el blog de Renfe, Renfe.com: más fácil, más claro, y también en varias noticias:
Según la nota publicada en el blog de Renfe:
¿Y qué pasa con la accesibilidad? Mañana lo sabremos...
Por cierto, en el blog se han lucido con las imágenes, tienen un problema con el acceso HTTP/HTTPS y las imágenes no se cargan por un problema de seguridad:
- Renfe, por fin, mejora su web (El Mundo)
- Renfe rediseña su web para dejar de ser "la peor página española" (El Confidencial)
Según la nota publicada en el blog de Renfe:
Renovamos la home de renfe.com y estrenamos un proceso de compra más ágil y cómodo, con más claridad para elegir los servicios asociados al viaje y el mejor precio disponible. Todo en tres pasos. Comentamos los puntos clave del nuevo esquema en una web que se adapta a cualquier pantalla y que ya recibe cerca del 50% de las visitas vía dispositivos móviles.Pues la verdad, para una web que recibe el 50% del tráfico desde dispositivos móviles han tardado bastante. Ahora la web tiene un diseño adaptativo (responsive web design):
¿Y qué pasa con la accesibilidad? Mañana lo sabremos...
Por cierto, en el blog se han lucido con las imágenes, tienen un problema con el acceso HTTP/HTTPS y las imágenes no se cargan por un problema de seguridad:
viernes, 23 de octubre de 2015
Un ejemplo de descripción larga en la web de Renfe
La web de Renfe no ha sido un buen ejemplo de sitio web accesible, sino todo lo contrario. Por eso me ha parecido curioso encontrar este ejemplo de uso del atributo longdesc.
En la página Organigrama hay un gráfico:
Este gráfico tiene el atributo longdesc, su destino es:
http://www.renfe.com/empresa/organizacion/longDescOrganigrama.html
En la página Organigrama hay un gráfico:
Este gráfico tiene el atributo longdesc, su destino es:
http://www.renfe.com/empresa/organizacion/longDescOrganigrama.html
jueves, 22 de octubre de 2015
Etiquetar una lista para que sea más significativa
Muy interesante la propuesta de usar aria-labelledby para darle contexto a una lista: Use aria-labelledby to provide context to unordered lists.
En el siguiente vídeo se muestra lo que se logra:
En el siguiente vídeo se muestra lo que se logra:
miércoles, 21 de octubre de 2015
Otro ejemplo de descripción larga (longdesc)
El cómic número 72 de CSSquirrel incluye el atributo longdesc. La URL del longdesc apunta a la página Comic Transcript for CSSquirrel #72 Alone in the Pitch Black Dark.
En realidad, en comic update: alone in the pitch black dark se explica que este cómic es en respuesta a la eliminación del atributo longdesc de la especificación de HTML5.
En realidad, en comic update: alone in the pitch black dark se explica que este cómic es en respuesta a la eliminación del atributo longdesc de la especificación de HTML5.
martes, 20 de octubre de 2015
Consejos para mejorar la accesibilidad web
Hace unos días se publicó el artículo Consejos para mejorar la accesibilidad web, mi novena contribución al Observatorio de la Accesibilidad de la Confederación Española de Personas con Discapacidad Física y Orgánica (COCEMFE).
lunes, 19 de octubre de 2015
Monumento en Atocha por las víctimas de la web de Renfe
Bueno, es una noticia broma de El Mundo Today, y tal como están las cosas últimamente, hacer bromas y repetir bromas se está convirtiendo en un posible delito, pero no creo que me persigan por un simple enlace: Construyen un monumento en Atocha por las víctimas de la web de Renfe.
Y mientras tanto, la web de Renfe sigue siendo un ejemplo de lo que no se debe hacer.
Por ejemplo, recordemos los problemas con los nombres de las ciudades:
Por ejemplo, recordemos el despropósito con los nombres de las estaciones:
Que también afecta a Adif:
O los problemas con las fechas:
Y los problemas con el cambio de idioma:
Sin olvidar lo más importante, lo graves problemas de accesibilidad:
Sí, algunos de esos problemas ya han sido resueltos, pero otros todavía persisten y también han aparecido problemas nuevos.
Y mientras tanto, la web de Renfe sigue siendo un ejemplo de lo que no se debe hacer.
Por ejemplo, recordemos los problemas con los nombres de las ciudades:
Por ejemplo, recordemos el despropósito con los nombres de las estaciones:
Que también afecta a Adif:
O los problemas con las fechas:
Y los problemas con el cambio de idioma:
Sin olvidar lo más importante, lo graves problemas de accesibilidad:
Sí, algunos de esos problemas ya han sido resueltos, pero otros todavía persisten y también han aparecido problemas nuevos.
viernes, 16 de octubre de 2015
Ejemplo de descripción larga (longdesc)
En Example for Checkpoint 1.1a se muestra un ejemplo de imagen con descripción larga con longdesc.
El atributo longdesc se puede mostrar y activar en los navegadores web de diferentes formas.
En Mozilla Firefox se ha añadido recientemente la opción "Ver descripción" que permite navegar a la página web con la descripción larga:
En Google Chrome es necesario instalar la extensión oficial Longdesc:
Al navegar a la página con la descripción larga se muestra otra página web:
Al navegar a la página con la descripción larga se muestra otra página web:
jueves, 15 de octubre de 2015
La accesibilidad no sólo beneficia a las personas con discapacidad
El artículo Accesibilidad, no sólo beneficia a las personas con discapacidad habla de la accesibilidad del medio físico, de los edificios, pero la idea general se puede aplicar también a la accesibilidad web.
En el artículo se incluyen unos ejemplos que suelo utilizar para explicar que la accesibilidad no sólo beneficia a las personas con discapacidad:
En el artículo se incluyen unos ejemplos que suelo utilizar para explicar que la accesibilidad no sólo beneficia a las personas con discapacidad:
Lo mismo que requiere una persona en silla de ruedas para circular y transitar con seguridad es lo que requiere un hombre o una mujer que llevan a un bebé en una carriola; lo mismo que hace segura una vialidad para alguien que usa muletas también lo hace para una persona que usa zapatos de tacón o alguien de edad avanzada”, por ello el también miembro de Libre Acceso AC plantea estos beneficios en la segunda edición del libro Accesibilidad. Personas con discapacidad y diseño arquitectónico.
miércoles, 14 de octubre de 2015
Bookmarklets para evaluar la accesibilidad web
En Accessibility Bookmarklets hay una recuperación de bookmarklets (o favlets) que se pueden emplear para analizar la accesibilidad de una página web.
El siguiente vídeo explica su uso:
El siguiente vídeo explica su uso:
martes, 13 de octubre de 2015
ATAG 2.0
Authoring Tool Accessibility Guidelines (ATAG) 2.0 fue publicado como recomendación el pasado 24 de septiembre de 2015.
ATAG tiene como objetivo proporcionar pautas para que las herramientas de autor de contenido web sean más accesibles, tanto en su propio interfaz para que sean usadas por las personas con discapacidad, como en el contenido que generan para que sea accesible.
Suscribirse a:
Entradas (Atom)