W3C
WCAG 1.0 Quick Tips
The classic “quick tips” derived from the Web Content Accessibility Guidelines 1.0:
- Images and animations: Use the
alt
attribute to describe the function of each visual.- Image maps: Use the client-side
map
[element] and text for hotspots.- Multimedia: Provide captioning and transcripts of audio, and descriptions of video.
- Hypertext links: Use text that makes sense when read out of context. For example, avoid “click here.”
- Page organization: Use headings, lists, and consistent structure. Use CSS for layout and style where possible.
- Graphs and charts: Summarize or use the
longdesc
attribute.- Scripts, applets, and plug-ins: Provide alternative content in case active features are inaccessible or unsupported.
- Frames: Use the
noframes
element and meaningful titles.- Tables: Make line-by-line reading sensible. Summarize.
- Check your work: Validate. Use tools, checklist, and guidelines at www.w3.org/TR/WCAG.
(… and we certainly appreciate mentioning of QA.)WCAG 2.0 Quick Tips
With WCAG 2.0 there go new and indeed improved tips:
- Perceivable:
- Provide text alternatives for non-text content.
- Provide captions and alternatives for audio and video content.
- Make content adaptable, and make it available to assistive technologies.
- Use sufficient contrast to make things easy to see and hear.
- Operable:
- Make all functionality keyboard accessible.
- Give users enough time to read and use content.
- Do not use content that causes seizures.
- Help users navigate and find content.
- Understandable:
- Make text readable and understandable.
- Make content appear and operate in predictable ways.
- Help users avoid and correct mistakes.
- Robust:
- Maximize compatibility with current and future technologies.
IBM
IBM once shared an own set of accessibility recommendations and heuristics that is now, along with more detailed information, offered by the ACM:
- Provide meaningful and relevant alternatives to non-text elements.
- Support consistent and correctly tagged navigation.
- Allow complete and efficient keyboard usage.
- Respect users’ browser settings.
- Ensure appropriate use of standard and proprietary controls.
- Do not rely on color alone to code and distinguish.
- Allow users control of potential distractions.
- Allow users to understand and control time restraints.
- Make certain the website is content compatible with assistive technologies.
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
miércoles, 8 de octubre de 2008
Consejos breves sobre accesibilidad
Desarrollar con estándares
martes, 7 de octubre de 2008
Jornadas sobre accesibilidad y nuevas tecnologías
Filtro para evitar los temblores
Definición de accesibilidad
El término accesibilidad también se torna problemático ya que podemos entender que tiene que ver con la inmediatez del acceso al documento hipertextual. Un documento impreso en soporte papel sólo es accesible por unos pocos y en un momento dado, mientras que undocumento digital o hipertextual -si está en la Web- será siempre accesible en cualquier momento y por diferentes personas; es decir, el uso por un usuario no impide que sea usado por otros. También con la voz accesibilidad podemos referirnos a la mayor o menor accesibilidad del soporte dependiendo de si está o no mediada por aparatos electrónicos o informáticos (en este caso el documento digital presentaría un menor grado de accesibilidad que un documento analógico en soporte papel). Y, en otro sentido, con el término accesibilidad también podemos referirnos al grado de accesibilidad, una vez que hayamos tenido acceso a él. La mayor parte de la bibliografía empleada en la red bajo el término accessibility, enfoca la palabra bajo este último concepto y reserva para los dos primeros enfoques los términos reusabilidady recuperabilidad.A partir de aquí el texto se centra en la definición de accesibilidad que normalmente empleamos: "La accesibilidad sería, pues, la característica que se refiere a que el diseño de un hipertexto debe ser universalmente usable por todos".
Los términos accesibilidad y usabilidad están muy relacionados, por eso algunos autores creen que la accesibilidad es un elemento de lausabilidad, mientras que otros opinan que la usabilidad debe incluirse dentro de la accesibilidad. Lo que está claro es que ambos términos se complementan y que no se excluyen mutuamente. Un hipertexto accesible debe ser usable y un hipertexto usable debe ser accesible. Lo cierto es que, al aplicar las normas de la accesibilidad, siempre obtendremos un hipertexto usable y que, si enfocamos el diseño del hipertexto centrándonos en el usuario para satisfacer sus necesidades, debemos tener en cuenta a "todo" tipo de usuarios.
sábado, 4 de octubre de 2008
JAWS 10 Beta
Respecto a la Web, esta versión incorpora algunas mejoras importantes:
- Soporte de regiones activas (live regions). Este es un concepto definido en ARIA (Accessible Rich Internet Applications): es una sección dinámica de una página web cuyo contenido se actualiza constantemente, como por ejemplo una sección de noticias, de información bursátil o de información meteorológica. JAWS es capaz de avisar al usuario de cambios en las regiones activas. Este es un gran avance que permite mejorar la accesibilidad de la Web 2.0.
- Nuevas teclas para navegar por las tablas. JAWS incorpora nuevas pulsaciones de teclas para leer la columna anterior o posterior de una tabla.
- Modo formulario automático. JAWS pasa al modo formulario automáticamente cuando detecta que el cursor está situado en un formulario.
viernes, 3 de octubre de 2008
¿Por qué pagar por un lector de pantallas?
- Estabilidad: los lectores de pantalla de pago llevan muchos años de desarrollo, lo que hace que sean más estables que los programas gratuitos que se están desarrollando en los últimos años.
- Documentación: existe una gran base de libros, manuales y tutoriales de los lectores de pantalla de pago.
- Sintetizador de voz: los sintetizadores de voz de pago son mejores que los gratuitos.
Lista de verificación de la accesibilidad de IBM
- Imágenes y animaciones. Utiliza el atributo alt="text" para proporcionar textos equivalentas para las imágenes. Utiliza alt="" para las imágnes que no transmiten información importante o que expresan información redundante.
- Mapas de imagen. Utiliza mapas de imagen del lado del cliente y proporciona un texto alternativo para cada zona sensible del mapa de de imagen. Si es imprescindible emplear un mapa de imagen del lado del servidor, proporciona enlaces textuales equivalentes.
- Gráficos y tablas. Resume el contenido de cada gráfico y cada tabla, o emplea el atributo longdesc para enlazar con una descripción de los datos.
- Multimedia. Proporciona subtítulos o transcripciones para el contenido sonoro que sea importante. Proporciona transcripciones o descripciones sonoras del contenido en vídeo que sea importante.
- Scripts. Asegura que la funcionalidad de los scripts es accesible mediante teclado. Si el contenido afectado por un script no es accesible, proporciona alternativas.
- Applets, plug-ins y contenido no basado en HTML. Cuando sea necesario que aparezca un applet, un plug-in u otra aplicación, proporciona un enlace que sea directamente accesible, o proporciona un contenido alternativo en aquellos casos que no sea directamente accesible.
- Formularios. Diseña formularios accesibles a las ayudas técnicas.
- Saltar al contenido principal. Proporciona métodos para saltarse los enlaces de navegación y llegar al contenido principal de la página.
- Marcos. Proporciona un título para cada marco. Emplea un contenido accesible en cada marco.
- Encabezados de tabla. Utiliza el elemento th para marcar los encabezados de tabla. Utiliza el atributo headers en las celdas de las tablas complejas.
- Hojas de estilo en cascada. Las páginas web se deben de poder leer sin necesitar las hojas de estilo.
- Color y contraste. Asegura que toda la información expresada mediante colores también es transmitida en ausencia de color.
- Parpadeos, movimientos y destellos del contenido. Evita que el contenido tenga parpadeos, destellos o se mueva.
- Respuestas dependientes del tiempo. Cuando sea necesario una respuesta dependiente del tiempo, avisa al usuario y proporciona el tiempo suficiente para indicar que se necesita más tiempo.
- Página de solo texto. Si la accesibilidad no se puede lograr de otra forma, proporciona una versión de solo texto con información y funcionalidad equivalente. Actualiza el contenido de la versión de solo texto cada vez que la página principal cambie.
- Verifica la accesibilidad. Comprueba la accesibilidad con las herramientas que existen.
jueves, 2 de octubre de 2008
iPhone y la accesibilidad web
La fiebre del iPhone se extiende y contagia a nuestros clientes que, de repente, están preocupados por la visualización de sus portales en el dispositivo de moda. Lo cierto es que la mayoría no sabe que por lo que están preocupados realmente es por la accesibilidad web.¿Hay que llevar un cuidado especial para que un sitio web sea accesible desde un dispositivo móvil como el iPhone? En primer lugar hay que tener en cuenta las Pautas de Accesibilidad 1.0 del WAI. Pero además, el W3C promueve la Web Movile Initiative de la cual hablaré en otra entrada.
Hartos de explicar que la accesibilidad no es "acceso para ciegos" quizás ahora nos escuchen cuando decimos que la accesibilidad es "acceso para todos los usuarios, desde cualquier dispositivo y en cualquier contexto".
Si nuestra aplicación fuera accesible, si cumpliera con las Pautas de Accesibilidad de la WAI, nuestra aplicación funcionaría en el iPhone y en cualquier otro dispositivo que esté por venir.
Aprovechemos pues esta fiebre para promover la accesibilidad web.
Iniciativa para mejorar el acceso a las nuevas tecnologías en Asia
La Organización de Naciones Unidas (ONU) ha puesto en marcha una iniciativa para mejorar la accesibilidad de las tecnologías de la información y la comunicación para las personas con discapacidad de la región Asia-Pacífico, según informa en su página web.
[...]
También se intercambiarán buenas prácticas en lo que se refiere a la accesibilidad de las nuevas tecnologías de la información para las personas con discapacidad, que suman 400 millones en la región de Asia Pacífico.
domingo, 28 de septiembre de 2008
Introducción a la accesibilidad web
- Usabilidad vs Accesibilidad
- eAccesibilidad: mitos y beneficios
- La WAI y las Pautas de accesibilidad. Niveles de conformidad. Norma UNE 139803:2004
- Legislación española y europea relacionada con la eAccesibilidad
- Certificaciones de eAccesibilidad
- Problemas y dudas habituales de accesibilidad
- Metodología: ¿Cómo hago una web accesible? ¿Cómo reviso la accesibilidad de una web?
- Nivel de eAccesibilidad actual en la Administración Pública y el sector de Banca en España
- Referencias
domingo, 21 de septiembre de 2008
Curso gratis de accesibilidad web para trabajadores de PYMES
- Concepto de discapacidad y revisión de los distintos tipos de discapacidad y su problemática para el acceso al ordenador en general y a Internet en particular
- Pautas de accesibilidad al contenido de la red
- Puntos de validación y herramientas de validación
- Selección y evaluación de herramientas para el diseño de Web accesibles
- El qué y el para qué de la Accesibilidad
- Beneficios económicos y sociales
- Conociendo las Directrices del WAI sobre contenido web, navegadores y herramientas de autor
- Verificando la accesibilidad y conociendo las herramientas de revisión .
Validador de accesibilidad PISTA
Por último, esta herramienta parece que está desarrollada en Java, porque necesita de una máquina virtual Java, y se puede descargar una versión para Linux y otra para Windows.
sábado, 20 de septiembre de 2008
Máster UOC-Technosite en Tecnologías Accesibles para la Sociedad de la Información
Pero resulta que el máster ya existe, va por su segunda edición y no está destinado únicamente a formar personas con discapacidad: Máster en Tecnologías accesibles para los servicios de la sociedad de la información. Como siempre, de la verdad a lo que dice un periodista suele existir un abismo.
domingo, 14 de septiembre de 2008
Fases en la construcción de un sitio web accesible
Curso "Accesibilidad y herramientas web"
El contenido del curso es:
1. Fundamentos de HTML / XHTML y Hojas de estilo CSS
- Elementos básicos de HTML / XHTML y Estructura del documento
- Imágenes, listas, tablas y scripts
- Formularios accesibles
- Elementos y Etiquetas CSS
- Layouts XHTML / CSS
2. Accesibilidad web
- Concepto de accesibilidad web
- Directrices para la Accesibilidad al Contenido en la Web (WCAG 1.0) de la Inicitiva para la Accesibilidad en la Web (WAI) del Consorcio W3C
- Prioridad 1 - Nivel A
- Prioridad 2 - Nivel AA
- Prioridad 3 - Nivel AAA
- Aplicación y beneficios
3. Herramientas en línea de validación y navegación
- Validación de accesibilidad
- Validación de hojas de estilo
- Análisis de colores
- Navegación alternativa
- Add-ons y plugins para navegadores y herramientas para descargar
sábado, 13 de septiembre de 2008
Control del ordenador con los músculos cercanos a los ojos
Acabo de leer en El País la noticia Desarrollan en Brasil un 'software' para tetrapléjicos. La noticia comentan que en Brasil han desarrollado un software que ayudará a las personas tetrapléjicas a controlar el ordenador. Aunque cuesta 100$ (unos 70€), parece que en Brasil será gratuito.
¿Cómo funciona el sistema? La noticia dice:
En el mostrador de la fundación, una asistente coloca alrededor de los ojos de María del Socorro Pinheiro unos cables como los usados en electrocardiogramas. Ella escribe laboriosamente, recorriendo letra por letra para formar cada palabra, que aparece también en una gran pantalla.
Los electrodos leen las señales eléctricas enviadas por los músculos que rodean los ojos en movimiento, para hacer deslizar el cursor por un "teclado virtual" en la pantalla de la computadora, explica Accir de Soares, gerente de negocios de la Fundación Paulo Feitoza.
Un pestañeo equivale al clic de un ratón manual y es como una pequeña puerta que permite al usuario comunicarse con el resto del mundo a través de Internet, o simplemente escribir un texto.
viernes, 5 de septiembre de 2008
Interfaz adaptada a distintos usuarios
A partir de las habilidades del usuario, el sistema es capaz de adaptar el interfaz a sus características. De este modo, la colocación de los controles, los tamaños de letra, la separación entre los distintos elementos del interfaz, se ajustan de forma automática para obtener el mejor resultado.
Por ejemplo, en la siguiente imagen podemos ver tres versiones de un mismo interfaz para seleccionar el tipo de letra, su tamaño y otros efectos.
miércoles, 3 de septiembre de 2008
Indemnización histórica por tener una web no accesible
La National Federation of the Blind (Federación Nacional de Ciegos de EE.UU.) demandó a la empresa Target (tienda online de grandes almacenes) porque su sitio web no era accesible para los ciegos que acceden con un lector de pantallas.
Ahora lo que ha salido publicado es el acuerdo al que han llegado la National Federation of the Blind y la empresa Target: Indemnización de 6 millones de dólares por tener una web no accesible. Los dos han llegado a un acuerdo que obliga a Target a pagar 6 millones de dólares en concepto de indemnización debido a que su web no podía ser utilizada por usuarios ciegos. Además, Target.com también se compromete a realizar los cambios necesarios para que su web sea accesible.
lunes, 1 de septiembre de 2008
Navegación mediante un teléfono móvil
Tech: Blind Surf the Web