Criticas a la guía de accesibilidad de la W3C

ByLuis

Si estos días hemos estado hablando de accesibilidad según la W3C, hoy nos toca de hablar de las críticas que se han realizado desde un grupo llamado WCAG Samurai, un grupo de desarrolladores liderados por Joe Clark.

Las críticas siempre nos pueden ayudar a mejorar y esperemos que al menos tomen en cuenta estos puntos para la revisión final de la WCAG 2.0.

Las críticas están agrupadas según los diferentes puntos de la WCAG 2.0:

  • Proporciona alternativas equivalentes para los sonidos y los vídeos.
  • No dependas del color únicamente.
  • Usa las etiquetas y los estilos correctamente.
  • Usa el lenguaje natural de forma clara.
  • No uses tablas para layouts.
  • Cuidado con el uso de las nuevas tecnologías.
  • Cuidado con los contenidos que cambian con el tiempo (parpadeos, …).
  • Diseña con independencia del dispositivo.
  • Usa soluciones intermedias.
  • Usa las guías y las tecnologías de la W3C.
  • Ofrece información orientativa y del contexto.

WCAG Samurai Errata for Web Content Accessibility Guidelines (WCAG) 1.0

Similar Posts

Herramientas para crear webs accesibles

ByLuis

Desde Accessify nos ofrecen una serie de herramientas que nos ayudarán a crear webs más accesibles. Son wizards o herramientas sencillas pero que nos pueden facilitar mucho el trabajo.
Entre las herramientas tenemos un generador de tablas, de formularios (con o sin tablas), de pop-ups y otros más. A parte, nos ofrece una lista de aplicaciones generales, no centradas en la accesibilidad, pero que también serán de gran ayuda: generador de capas o de listados, un script para escapar código HTML para incluirlo en nuestras páginas, …

Accessibility Tools & Wizards

Crear gráficas accesibles con jQuery y canvas

ByLuis

Buen plugin para jQuery que permite crear gráficas de datos accesibles mediante canvas. El script es bastante fácil de usar, se crea una tabla (sí, si, con <table>, que es para lo que se deben usar), y el script dibuja los datos en un canvas.
Ofrece la posibilidad de crear gráficas de pie, barras y líneas, para lo cual, en el class de la etiqueta canvas hay que especificar el origen y el tipo de gráfica (por ejemplo, fgCharting_src-dataTable_type-pie).
Creating accessible charts using canvas and jQuery
Vía / couch

Aplicaciones AJAX para lectores de pantalla

ByLuis

En principio AJAX no es una tecnología que haya facilitado el desarrollo de la web accesible. Más bien al contrario principalmente dado que esta tecnología no puede ser usada en dispositivos que no soporten javascript.
Sin embargo en Juicy Studio abren una pequeña brecha aprovechando el buffer virtual de JAWS, una de los lectores de pantalla más utilizados por los usuarios con problemas de visión.
El buffer virtual es utilizado por los lectores de pantalla para permitir a sus usuarios interactuar con el contenido de la web. En este artículo explican como un desarrollador web pueden desarrollar aplicaciones AJAX que actualizan este buffer sin ninguna interacción por parte del usuario.

| | |

Scrolling usando thumbnail

ByLuis

En esta entrada vamos a explicar cómo desarrollar un scrolling de texto usando para ello una miniatura del texto que se va a mostrar. Dispondremos de una capa con el texto y otra capa con la minuatura del texto, la cual remarca que parte del texto se está enseñando.

Scrolling

Este efecto ha sido testeado en IE6 y en Firefox 1.5 bajo Windows XP, en Opera es posible que no funcione debido a un bug que lleva arrastrando bastante tiempo.

Read More “Scrolling usando thumbnail”

| | |

Personaliza los radio y los checkbox

ByLuis

Muchas veces los diseños no suelen ir de acuerdo con el aspecto de los radio y los checkbox que nos ofrecen los navegadores.
Crear controles que sustituyan los ya existentes puede darnos problemas de accesibilidad, salvo en este caso (bueno, y supongo que en otros), ya que lo que hace este script es aprovechar la funcionalidad de las etiquetas label para que el funcionamiento recaiga sobre estas etiquetas y no sobre las checkbox o los radio.
radiocheckbox.png
El script buscará los inputs radio y checkbox y los ocultará y cambiará el estilo de las label asociadas para que el funcionamiento sea el mismo.
ARC – Adam’s Radio/Checkbox customisation
Vía / Infected-FX

| | |

Detectar cambio de tamaño de letra en Javascript

ByLuis

La verdad es que lo sencillo es lo mejor, y para cuando estés en la necesidad de detectar si se produce un cambio en el tamaño de la letra, nada mejor que el script que nos ofrece la gente de A List Apart.
Te puedes preguntar por qué vas a querer detectar el cambio de tipo de letra. Si te interesa tener un sitio accesible a gente con discapacidades, pues es buena idea que pienses en ello, ya que suele ser algo que pueden hacer con frecuencia.
Además de detectar ese cambio, puede ser necesario realizar alguna acción. Por ejemplo, si usamos una imagen para un botón, si cambiamos el tamaño de la letra, la imagen no cambia, por lo que el botón quedará demasiado pequeño para el resto del texto, ¿solución?, si hay cambio de tamaño de letra, sustituimos la imagen por un elemento input botón.
Al principio decía que la solución es sencilla, lo cual la hace aún mejor. Se trata de crear una capa que contenga un espacio dentro y que esté oculta. Se guarda el tamaño de la capa y cada cierto tiempo se detecta si ha habido un cambio en este tamaño, si es así, se ha producido un cambio en el tamaño de la letra.
Text-Resize Detection
Demo
Código y ejemplos