Enlace de "salta navegación"

En muchas páginas web, es costumbre incluir una barra de navegación con multitud de enlaces al principio de la página web, antes del contenido principal de la página.

Para aquellas personas que emplean una navegador no visual, por ejemplo un lector de pantalla, una barra de navegación con muchos enlaces no suele suponer una barrera, pero sí que suele retardar la navegación al tener que recorrer la barra de navegación completa cada vez que se visita una página nueva. Para facilitar la navegación a estos usuarios, es recomendable proporcionar una manera de saltar la barra de navegación. Para ello, se suele incluir al principio de la página web un enlace dentro del propio documento que salta al contenido principal.

En la página web Enlaces de "saltar navegación" se puede encontrar una comparativa sobre distintas técnicas (o trucos) que existen para ocultar el enlace "saltar navegación" para aquellos usuarios que emplean un navegador visual. Estas técnicas son:

• Oculto: Al enlace se le aplica el atributo display: none.
• Desplazado: Esta vez el enlace se oculta sacándolo del área visible del
  documento, generalmente aplicándole la regla text-indent:-100em.
• "Fantasma": Una imagen transparente es la que enlaza al contenido.

La conclusión que se extrae de esta comparativa es que es mucho mejor evitar estas técnicas, ya que su interpretación y funcionamiento varía entre distintos lectores de pantalla o incluso entre distintas versiones del mismo lector de pantalla.

Para resolver esta situación, existen dos posibles alternativas:

1. No intentar ocultar el enlace "saltar navegación", sino integrarlo en la propia página web como un elemento más.
2. Situar la barra de navegación al final de la estructura del documento y mediante hojas de estilo en cascada (CSS) colocar la barra de navegación al principio de la página.

Técnicas para las Pautas de Accesibilidad al Contenido en la Web 1.0

Las Técnicas para las Pautas de Accesibilidad al Contenido en la Web 1.0 del W3C es el punto de acceso a una serie de documentos relacionados que describen técnicas para satisfacer los requisitos definidos en las Pautas de Accesibilidad al Contenido en la Web 1.0.

En este documento, cada punto de revisión (checkpoint) está seguido por uno o más vínculos a las técnicas concretas que se deben de aplicar. Podemos encontrar tres tipos de técnicas:

• Técnicas Fundamentales: expone los temas de accesibilidad y las técnicas generales que son de aplicación a todas las tecnologías (por ejemplo, validación, pruebas, etc.).
• Técnicas HTML: proporciona ejemplos y estrategias para realizar de forma accesible el contenido en HTML.
• Técnicas CSS: proporciona ejemplos y estrategias que ayudan a los autores a elaborar hojas de estilo en cascada (CSS) como parte del diseño accesible de los contenidos.

Por ejemplo, si nos fijamos en la pauta de accesibilidad 5. Crear tablas que se trasformen correctamente, y en el punto de verificación 5.3 No utilice tablas para maquetar, a menos que la tabla tenga sentido cuando se alinee. Por otro lado, si la tabla no tiene sentido, proporcione una alternativa equivalente (la cual debe ser una versión alineada). [Prioridad 2], podemos encontrar las siguientes técnicas concretas para cumplir este punto de verificación:

Técnicas Fundamentales: Estructura contra presentación
Cuando se diseña un documento o una serie de documentos, en primer lugar, los desarrolladores de contenidos deben esforzarse en identificar la estructura que desean dar a sus documentos, antes de pensar en cómo se presentarán los mismos al usuario. Distinguir la estructura del documento de la forma en que se presenta el contenido ofrece varias ventajas, incluido un aumento de la accesibilidad, facilidad de gestión y portabilidad.

La identificación de lo que es estructura y lo que es presentación puede ser un reto a veces. Por ejemplo, muchos desarrolladores consideran que una línea horizontal comunica una división estructural. Esto puede ser cierto para usuarios con una visión normal, pero para usuarios sin visión o sin navegadores gráficos, una línea horizontal no significa prácticamente nada. Por ejemplo, en HTML, los desarrolladores deberían usar los elementos de encabezamiento (H1 - H6) de HTML 4.01 para identificar nuevas secciones. Estos pueden ser complementados con indicaciones visuales o de otro tipo tales como líneas horizontales, pero no deben ser reemplazados por ellos.

A la inversa también: los desarrolladores no deben usar elementos estructurales para lograr efectos de presentación. Por ejemplo, en HTML, aunque el elemento BLOCKQUOTE puede crear sangrías de texto en algunos navegadores, está diseñado para identificar una cita, no para crear efectos secundarios de presentación. Los elementos BLOCKQUOTE usados para sangrías confunden a los usuarios y los robots de búsqueda, que esperan que el elemento se utilice para señalar una cita.

Técnicas HTML: Tablas para maquetar
Los autores deberían utilizar hojas de estilo para maquetar y posicionar. De cualquier modo, cuando es necesario usar una tabla para maquetar, el orden de la información en la tabla debe ser comprensible después de transformarse en forma lineal. Cuando se alinea una tabla, los contenidos de las celdas se convierten en series de párrafos (es decir, de arriba hacia abajo) uno tras otro. Las celdas deben tener sentido cuando se leen en orden horizontal y deben incluir elementos estructurales (que creen párrafos, encabezamientos, listas, etc.) de modo que la página tenga sentido al ser alineada.

Igualmente, cuando se utilicen tablas para maquetar, no utilice etiquetas estructurales para crear formatos visuales. Por ejemplo, el elemento TH se muestra visualmente centrado y en negrita. Si una celda no es realmente el encabezamiento de una fila o columna de datos, utilice hojas de estilo o atributos de formateo del elemento.

Técnicas CSS: Maquetación, ubicación, colocación en capas, y alineación

Los contenidos deben ser maquetados, ubicados, colocados en capas y alineados mediante hojas de estilo (sobre todo mediante las propiedades CSS de float y colocación absoluta):

• Las propiedades "text-indent", "text-align", "word-spacing" y "font-stretch", permiten a los usuarios controlar el espaciado sin añadir espacios adicionales. Utilice 'text-align:center' en lugar del elemento desaconsejado CENTER.
• Con las propiedades 'margin', 'margin-top', 'margin-right', 'margin-bottom' y 'margin-left', los autores pueden crear espacios en los cuatro lados del contenido de un elemento, en lugar de añadir espacios de no separación ( ).
• Con las propiedades "float", "position", "top", "right", "bottom" y "left", el usuario puede controlar la posición visual de casi cualquier elemento con independencia de donde aparezca el elemento en el documento. Los autores deberían diseñar siempre documentos que tengan sentido sin hojas de estilo (por ejemplo, el documento debería escribirse en un orden "lógico") y entonces aplicar hojas de estilo para lograr efectos visuales. Las propiedades de ubicación pueden ser usadas para crear notas marginales (que se numerarán automáticamente), barras laterales, efectos similares a los marcos, encabezamientos y pies simples y otras más.
• La propiedad "empty-cells" permite a los usuarios dejar vacías celdas de tablas y poder proporcionarles bordes en la pantalla o en papel. Una celda de datos que debe estar vacía no debería ser llenada con un espacio en blanco o un espacio "non-breaking" sólo para lograr un efecto visual.

Los dos principios básicos del diseño web accesible

He encontrado esta página, Los dos principios básicos del diseño web accesible, que define de una forma muy breve pero muy completa la filosofía de la accesibilidad en la Web:

Los dos principios básicos del diseño accesible de sitios web son crear páginas que se transformen correctamente y ofrecer el contenido de manera comprensible para facilitar la navegación por el sitio web.

El autor de esta página también incluye una explicación de "transformación correcta" y "contenido comprensible y navegable":

Transformación correcta
El primer principio del diseño accesible es por tanto crear páginas que se transformen correctamente y cuyo contenido sea correctamente reproducible bajo distintas circunstancias. Hay que crear páginas que sean accesibles a pesar de las deficiencias cognitivas leves, físicas o sensoriales de los usuarios. Hay que considerar también las posibles restricciones debidas al lugar de acceso y las barreras tecnológicas.

En este sentido el texto es siempre lo más accesible. Sin embargo no se trata de crear páginas sólo-texto sin elementos gráficos ni una atractiva maquetación visual. Existen técnicas de HTML para asociar texto alternativo a cada elemento no textual de la página.

Además los elementos gráficos y multimedia correctamente usados contribuyen a mejorar la accesibilidad del sitio web, pues ayudan a conseguir el otro principio importante del diseño accesible: la comprensión del contenido y la navegación fácil por el sitio.

Contenido comprensible y navegable
Esto incluye no sólo la utilización de un lenguaje claro y simple, sino también proporcionar mecanismos comprensibles para navegar dentro de cada página y entre las páginas del sitio web. Al proporcionar herramientas de navegación e información orientativa en las páginas se maximizará la accesibilidad y la usabilidad del sitio web.

Pero como se ha comentado no todos los usuarios pueden utilizar las claves visuales tales como mapas de imagen, colores de fondo, marcos contiguos o imágenes que guían a los usuarios videntes. Algunos usuarios pierden también información del contexto cuando sólo pueden visualizar una parte de la página. Esto sucede si acceden a la página palabra por palabra con sintetizadores de voz, braille o teléfonos WAP o si acceden por partes con pantallas pequeñas o magnificadores de pantalla.

¿Cuáles son los problemas de accesibilidad en la Web más importantes para un invidente?

Le he preguntado a un amigo ciego que me explique cuáles son los principales problemas de accesibilidad que presentan las páginas web desde su punto de vista:

1. Las páginas mal etiquetadas porque no emplean las etiquetas de HTML para definir la estructura de la página.
Por ejemplo, emplear la negrita para indicar separadores de sección cuando existen etiquetas (h1, h2, ...) específicas para ello, o crear listas mediante saltos de línea cuando existen etiquetas específicas (ul, li, ...). Este es un problema de difícil solución, ya que requiere que el desarrollador conozca la forma correcta de utilizar las etiquetas de marcado y la forma en que los lectores de pantalla las emplean.

Un problema importante asociado es que, al no estar correctamente estructurada la página, no se puede "saltar" fácilmente la barra de navegación del sitio web, y el usuario tiene que esperar que el lector de pantalla lea toda la barra de navegación antes de llegar al contenido realmente importante de la página.

2. El texto alternativo inadecuado para las imágenes.
Por ejemplo, no colocar un texto alternativo cuando hace falta o colocarlo cuando en realidad no es necesario, o un texto alternativo poco útil. Este y el siguiente problema se deben principalmente a la dejadez de los desarrolladores, ya que su solución no es difícil.

3. Controles de formulario sin etiquetas.
Por ejemplo, cuando las etiquetas de los controles de un formulario se colocan en sitios "extraños" (debajo, alejadas). El usuario invidente no sabe para qué sirve cada control, no sabe qué tiene que escribir o seleccionar.

Auditoria de accesibilidad, test de accesibilidad y test de accesibilidad automático

¿Qué entendemos como "auditoria de accesibilidad", "test de accesibilidad" y "test de accesibilidad automático"? En la página Accessibility audit vs. accessibility testing lo explican muy bien:

Auditoria de accesibilidad
Un experto en accesibilidad revisa un sitio web, informa de posibles problemas de accesibilidad y proporciona recomendaciones para solucionar los problemas.

Ventajas: más rápido y barato que un test de accesibilidad, más exhaustivo que un test de accesibilidad.

Desventajas: no se produce una transmisión de conocimiento del auditor al cliente (para ello se tienen que realizar cursos de formación).


Test de accesibilidad
Usuarios con algún tipo de discapacidad realizan una serie de tareas en un sitio web mientras que un controlador anota todos los problemas que experimentan. Es la única forma para asegurar un nivel de accesibilidad óptimo.

Ventajas: también se detectan problemas de usabilidad, es una gran oportunidad para aprender de primera mano los problemas de accesibilidad.

Desventajas: es extremadamente caro de realizar, sorprendentemente detecta menos problemas que una auditoría de accesibilidad.


Test de accesibilidad automático
Mediante un programa que verifica un conjunto de guías, se evalúa de forma automática la accesibilidad de un sitio web.

Ventajas: rápido, sencillo y económico de realizar.

Desventajas: la calidad de los resultados es limitada, devuelven errores que no lo son y no detecta errores básicos.

El W3C critica la falta de rigor al emplear las herramientas automáticas de validación

Acabo de encontrar la noticia W3C España afirma que falta rigor en los informes de accesibilidad web en la Revista Eroski Consumer:

La Oficina Española del W3C (World Wide Web Consortium) ha mostrado su preocupación por el uso inapropiado que se está haciendo de las herramientas automáticas de validación de estándares web, programas informáticos o servicios "online" que ayudan a determinar si un sitio web es accesible y cumple los estándares.
Estas herramientas están siendo utilizadas para realizar análisis de páginas de Internet que "en muchas ocasiones carecen de validez", como en el caso de informes sobre niveles de accesibilidad que son publicados cada vez con mayor frecuencia y cuya falta de rigor "está generando cierta confusión entre usuarios y organizaciones".
Existen diferentes mecanismos que permiten evaluar si un sitio web es accesible o cumple con los estándares del W3C. Estos mecanismos, que pueden ser automáticos o manuales, usados de forma conjunta hacen posible obtener evaluaciones fiables. El problema surge cuando se hace un uso exclusivo de herramientas automáticas de validación sin tener en cuenta las técnicas manuales.
Estas herramientas constituyen una ayuda eficaz en los procesos de validación, no obstante, "ninguna de ellas por sí sola puede determinar si un sitio cumple o no las pautas de accesibilidad o los estándares", así como tampoco es posible hacerlo validando una sola página de un sitio completo, explica W3C España.
Para determinar si un sitio es accesible o cumple los estándares "es necesaria la revisión humana, sólo así podemos hablar realmente de la evaluación correcta".
Aquellas validaciones realizadas exclusivamente con herramientas automáticas "pueden llevar a conclusiones inexactas y erróneas" si no están siempre bajo el control de personas con experiencia en el área.

La accesibilidad de los marcos HTML

Los marcos (frames) se emplean para organizar una página en diferentes zonas llamadas marcos. En cada marco se puede mostrar una página web distinta, que pueden ser independientes entre sí o pueden estar relacionadas de alguna forma, como cuando un marco contiene el índice de un sitio web y otro marco muestra el contenido según el enlace pulsado en el índice del sitio.

Para un usuario que emplea un navegador no visual, el empleo de marcos puede dificultar la navegación, ya que las relaciones entre los contenidos en los distintos marcos pueden no ser obvias, por lo que se tiene que proporcionar información adicional que permita transmitir de forma alternativa las relaciones entre los distintos marcos.

El atributo title que se explicó en un comentario anterior, se emplea para proporcionar información adicional sobre cualquier elemento de la página. Por tanto, se puede emplear con las etiquetas frameset y frame para identificar la función y contenido de cada marco y facilitar la navegación entre ellos.

Muchas veces, una página puede estar dividida en muchos marcos y las relaciones
entre los marcos pueden no ser obvias, incluso si se emplea el atributo title. Para estas situaciones, se puede utilizar el atributo longdesc que se explicó hace un tiempo. Recordemos que el atributo longdesc complementa al atributo alt y se emplea para ofrecer una descripción más larga del elemento que la proporcionada por el atributo alt (en el caso de los marcos, la descripción proporcionada por el atributo title). Su valor tiene que ser una URI, es decir, la dirección de un recurso en Internet (normalmente, otra página web escrita con HTML).

Por último, también es posible crear una versión alternativa sin marcos de la página para aquellos navegadores no visuales no admiten las etiquetas frameset y frame, por lo que son incapaces de interpretarlas y de mostrar los marcos. Para estos casos, podemos emplear la etiqueta noframes para proporcionar un contenido alternativo.

La etiqueta noframes tiene un comportamiento distinto en función de si el navegador admite o no admite marcos:

• Navegador que sí admite marcos: se descarta el contenido de la etiqueta noframes (no se interpreta ni se visualiza).
• Navegador que no admite marcos: como tampoco admite la etiqueta noframes, se interpreta y visualiza el contenido de esta etiqueta.

Normalmente, se suele colocar en el contenido de la etiqueta noframes un enlace que permite acceder a una versión sin marcos de la misma página.

El atributo title

El objetivo del atributo alt es ofrecer un texto alternativo como sustituto de una imagen y no, como mucha gente cree y hace, un medio para proporcionar información adicional. Este mal uso del atributo alt proviene de la interpretación que hace de él el navegador Internet Explorer, que muestra el texto alternativo como una etiqueta de ayuda (tool tip). Otros navegadores lo muestran en la barra de estado de la ventana del navegador.

Si se desea incluir información adicional que no es esencial, se puede emplear el atributo title. Este atributo se puede usar en todas las etiquetas de HTML excepto base, basefont, head, html, meta, param, script y title.

En una imagen se puede emplear el atributo title para proporcionar información adicional que no es esencial, como la fecha de una fotografía, su autor o la cámara con la que se hizo.

En Internet Explorer, el atributo title tiene preferencia sobre el atributo alt cuando se muestra la etiqueta de ayuda. Por tanto, si no queremos que el texto alternativo se muestre en un navegador visual al situar el cursor del ratón sobre una imagen, simplemente tenemos que dejar el atributo title vacío: title="".

Versión accesible: utilizar sólo en caso de emergencia

He encontrado este comentario titulado Versión accesible: utilizar sólo en caso de emergencia que reproduzco íntegro ya que creo que es muy interesante y acertado:

Versión accesible: utilizar sólo en caso de emergencia. 7 buenas razones para olvidarnos de las "versiones accesibles".

El punto de verificación 11.4 (prioridad 2) dice así:
"Si, tras todos los esfuerzos aplicados, no puede crear una página accesible, proporcione un enlace a una página Web alternativa que use tecnologías W3C, sea accesible, tenga información (o funcionalidad) equivalente y se actualice a la par que la página original no accesible.

El problema es que la mayoría de las versiones accesibles no surgen tras haber hecho todo lo posible por evitarla, sino que simplemente aparecen por desconocimiento del desarrollador a la hora de proveer contenidos alternativos a elementos multimedia, a cumplir los estándares del W3C o simplemente por capricho del jefe de proyecto, departamento de marketing o del mismo desarrollador.

A continuación podéis ver una lista de 7 razones por las debemos evitarlas:

1. Es una forma de discriminación, una especie de entrada "por la puerta de atrás".
2. Rompen con la universalidad de la web.
3. Es una forma de duplicar el trabajo, tanto a la hora de desarrollar el sitio como a la hora de mantenerlo.
4. Suelen ser páginas nada atractivas visualmente (no todos los discapacitados son ciegos).
5. Suponen un gasto extra de espacio en disco del servidor.
6. Tener una versión accesible separada implica tener una versión no accesible. Y eso no es bueno; de la accesibilidad nos beneficiamos todos.
7. La proliferación de "versiones accesibles" hacen crecer el mito de que la accesibilidad sólo beneficia a usuarios discapacitados.

A pesar de todo esto...

Todo sobre las versiones accesibles injustificadas no podía ser malo. Existe una cosa aún peor (mucho peor): una web totalmente inaccesible.

Fuente: jlvelazquez.net

Nuevos teclados braille

Un par de noticias sobre nuevos teclados braille

• Nace un teclado para PC en braille único en el mundo: el teclado está especialmente diseñado para que las personas con problemas visuales y motores en las manos puedan escribir más fácilmente con agilidad en un ordenador, algo que soluciona las disfunciones de otros teclados. El nuevo teclado combina, por primera vez, las teclas de funciones y de desplazamiento de un teclado convencional pero sustituye las teclas alfanuméricas por las ocho teclas del braille, que permiten escribir en cualquier idioma.
• ROBOTIKER-TECNALIA desarrolla un teclado inalámbrico en braille que cabe en un bolsillo: un nuevo teclado braille inalámbrico de dimensiones reducidas y con tecnología bluetooth. Una de las principales características de este dispositivo es que cabe en un bolsillo y está dotado de un diseño ergonómico que facilita su uso.

Nuevos dispositivos avanzados para personas con discapacidad

He encontrado varias noticias sobre nuevos dispositivos para manejar el ordenador:

• Vodafone España diseña un ratón facial para personas con discapacidades motrices: el programa, llamado HeadDev, "es un ratón facial por webcam USB estándar que
  permite la interacción completa persona-ordenador, sin necesidad del uso de manos, cables, sensores u otro tipo de dispositivo que limite o interfiera con el usuario. Utilizando sistemas de visión por computador, todas las funciones del ratón se funden en la webcam, empleando la nariz o movimientos de la cara como puntero del ratón, y utilizando gestos de la cara o sonidos desde un micrófono para efectuar los eventos de un ratón convencional".
• Un nuevo sistema permite manejar el ordenador con el movimiento del ojo: sistema que permite manejar el ordenador y cualquier programa informático utilizando el movimiento de un solo ojo.
• Una prótesis cerebral permite a un paciente con tetraplejia mover objetos con el pensamiento: mediante un implante cerebral, permite captar las señales eléctricas de las neuronas y emplearlas para controlar un ordenador.
• Diseñan un prototipo de mano artificial 'inteligente': un nuevo prototipo de prótesis ultraligera capaz de imitar, casi a la perfección, los movimientos de la mano humana. Seis grupos de motores diferentes permiten que sus cinco dedos se muevan de forma autónoma, facilitando al usuario la posibilidad de coger y sostener objetos prácticamente igual que con el miembro real.

Hacia la igualdad

En la web del periódico El Mundo hay una sección titulada Hacia la igualdad con información muy interesante sobre las personas con discapacidad y su integración en la sociedad.

Guía breve para crear sitios web accesibles

El W3C tiene una guía breve de 10 ideas básicas para hacer sitios web accesibles:

• Quick Tips to Make Accessible Web Sites
• Guía breve para crear sitios web accesibles (traducción al español)
  

Estos 10 consejos son:

• Imágenes y animaciones: Use el atributo alt para describir la función de cada elemento visual.
• Mapas de imagen: Use el elemento map y texto para las zonas activas.
• Multimedia: Proporcione subtítulos y transcripción del sonido, y descripción del vídeo.
• Enlaces de hipertexto: Use texto que tenga sentido leído fuera de contexto. Por ejemplo, evite "pincha aquí".
• Organización de las páginas: Use encabezados, listas y estructura consistente. Use CSS para la maquetación donde sea posible.
• Figuras y diagramas: Describalos brevemente en la pagina o use el atributo longdesc.
• Scripts, applets y plug-ins: Ofrezca contenido alternativo si las funciones nuevas no son accesibles.
• Marcos: Use el elemento noframes y títulos con sentido.
• Tablas: Facilite la lectura línea a línea. Resuma.
• Revise su trabajo: Verifique. Use las herramientas, puntos de comprobación y pautas de http://www.w3.org/TR/WCAG.

Lector de pantalla en Apple

Hasta hace poco, Apple y su sistema operativo carecía de funciones para mejorar la accesibilidad. Sin embargo, ahora en Apple existe un lector de pantalla llamado Voiceover (manuales y más información) que viene con la versión del sistema operativo OSX. Además, también proporciona un magnificador de pantalla.

En el artículo titulado Screen reading Apples han realizado un análisis varios expertos que trabajan en Windows con JAWS.

Las conclusiones del artículo son que el lector de pantalla se debe de mejorar, pero el magnificador de pantalla cumple su función:

For people who need to use a screen reader for day-to-day computer usage, we could not recommend Voiceover, unless email and text documents are all that is required. It is also not an equivalent screen reader for web developers to use for testing their websites. (Using tools such as "linearise" on Firefox's "Web developer's toolbar" in conjunction with removing styles would be more suitable). However, if Apple continue to work on the screen reader and more importantly keyboard accessibility in general, it would be great to have an equivalent screen reader on a non-Windows operating system.

For those that are happy with using a mouse and a screen magnifier, there is nothing to stop them from switching to the Mac, it would be no harder than fully sighted people find it, and possibly far cheaper than buying a Windows based screen magnifier.

10 razones por las que no se tiene en cuenta la accesibilidad

He encontrado un artículo muy interesante titulado 10 Reasons Clients Don't Care About Accessibility. El artículo está escrito por un consultor de tecnologías de la información y explica las razones de que sus clientes no se preocupen por la accesibilidad de lo que encargan. Las diez razones son:

1. It’s the Law But There’s None to Follow
2. There Is No Immediate Benefit
3. Accessibility Is Sold As a Technical Problem
4. Disability Is Not Something Clients Want to Think About
5. We’re Past Inventing, We’re Maintaining
6. It Is Not Part of the Testing Methodology
7. Accessibility Seems Like a Party Pooper
8. Nobody Complains
9. It Requires Involvement
10. There Is No Leader to Follow

¿La solución? El autor proporciona los siguientes consejos:

Gently prod clients in the right direction. Here are some ideas:

• Stop selling accessibility as a technical issue. Address it in the scoping
  and design phase rather than at delivery
• Make sure you’ve got your facts straight before releasing another
  “accessibility” article or blog entry (rounded corners in CSS do not increase
  accessibility, really, they don’t!)
• Make product presentations and assessments more fun by taking away the
  client’s mouse and changing monitor settings
• If you want to support disabled users, don’t stop at one group. “Skip links”
  helps blind users and keyboard/switch access users alike, don’t hide them!
• Send emails to companies every time it is hard for you to use their site.
  Point out that you will buy the product on their competitor’s site and why.
• Step away from the visuals. Embrace Web design as a mixture of good content,
  proper structure and nice visuals. Start developing sites in the text editor,
  not in Illustrator.

Normativa de accesibilidad en el Reino Unido

En el Reino Unido, la UK's Disability Discrimination Act de 1995 reconoce los derechos de las personas discapacitadas a no sufrir ningún tipo de discriminación, ya sea a la hora de buscar trabajo, adquirir un producto o contratar un servicio. La normativa legal sobre la accesibiliad de los sitios web se establece a partir de esta ley.

Para poder entender y aplicar esta ley, el Gobierno del Reino Unido junto con la Disability Rights Commission han desarrollado los Code of Practice, que son guías sin un carácter normativo. Las partes más importantes del Code of Practice que se refieren a los sitios web y que se aplican desde el 27 de mayo de 2002 son:

• 2.2 (p7): “The Disability Discrimination Act makes it unlawful for a service provider to discriminate against a disabled person by refusing to provide any service which it provides to members of the public.”
• 4.7 (p39): “From 1st October 1999 a service provider has to take reasonable steps to change a practice which makes it unreasonably difficult for disabled people to make use of its services.”
• 2.13 - 2.17 (p11-13): “What services are affected by the Disability Discrimination Act? An airline company provides a flight reservation and booking service to the public on its website. This is a provision of a service and is subject to the act.”
• 5.23 (p71): “For people with visual impairments, the range of auxiliary aids or services which it might be reasonable to provide to ensure that services are accessible might include ... accessible websites.”
• 5.26 (p68): “For people with hearing disabilities, the range of auxiliary aids or services which it might be reasonable to provide to ensure that services are accessible might include ... accessible websites.”

En el Reino Unido también se emplea PAS 78: a guide to good practice in commissioning accessible websites, del British Standards Institution, aunque no tiene el carácter de estándar o norma legal.

Un curso sobre accesibilidad

Accesibilidad web para discapacitados y mayores, curso de la Fundación Instituto de Ciencias del Hombre.

Las teclas de acceso rápido o atajos de teclado: ¿consenso?

¿Existe un consenso internacional sobre qué teclas emplear para los atajos? NO, ni internacional, ni europeo ni nacional en España.

¿Qué teclas se recomienda usar? Se recomienda emplear sólo números, ya que el empleo de otras teclas puede interferir con los atajos de teclado del propio navegador, del sistema operativo o del programa de ayuda (por ejemplo, lector de pantalla) que emplee el usuario.

El Gobierno del Reino Unido, en su Illustrated Handbook for Web Management Teams (html) propone el UK Government accesskeys standard con las siguientes teclas para ser empleadas en todas las páginas web oficiales:

• S - Skip navigation
• 1 - Home page
• 2 - What's new
• 3 - Site map
• 4 - Search
• 5 - Frequently Asked Questions (FAQ)
• 6 - Help
• 7 - Complaints procedure
• 8 - Terms and conditions
• 9 - Feedback form
• 0 - Access key details

El último atajo de teclado, el número 0, permite acceder a una página web donde se muestra y explican los atajos de teclado que se emplean en el sitio web.

¿Y en España? ¿Existe algún consenso en el uso de los atajos de teclado? He consultado varias páginas oficiales y ninguna indica qué atajos de teclado se emplean:

• En la declaración de accesibilidad de La Moncloa, nada.
• En la declaración de accesibilidad del Ministerio de Administraciones Públicas, nada.
• En la declaración de accesibilidad del Ministerio de Trabajo y Asuntos Sociales, nada.
• En la página del 060, nada.

Las teclas de acceso rápido o atajos de teclado

Veo que alguien ha llegado a este blog buscando "teclas acceso web consenso" en Google.

Las teclas de acceso rápido o atajos de teclado son pulsaciones de varias teclas que permiten acceder directamente o ejecutar una opción de un programa. Por ejemplo, en Microsoft Word, la pulsación de Ctrl+N aplica el formato negrita o la pulsación de Alt+A permite acceder al menú archivo.

¿Y en las páginas web? En las Pautas de Accesibilidad al Contenido en la Web 1.0 del WAI, el punto de verificación 9.5 dice:

9.5 Proporcione atajos de teclado para los vínculos más importantes (incluidos los de los mapas de imagen de cliente), los controles de formulario y los grupos de controles de formulario. [Prioridad 3]
Por ejemplo, en HTML, especifique los atajos a través del atributo "accesskey".

En las Técnicas HTML para las Pautas de Accesibilidad al Contenido de la Web 1.0, el punto 6.3 acceso desde el teclado dice:

Puntos de verificación en esta sección:

9.4 Cree un orden lógico para navegar con el tabulador a través de vínculos, controles de formulario y objetos. [Prioridad 3]

9.5 Proporcione atajos de teclado para los vínculos más importantes (incluidos los de los mapas de imagen de cliente), los controles de formulario y los grupos de controles de formulario. [Prioridad 3]

El acceso a los elementos activos de una página es importante para muchos usuarios que no pueden manejar un dispositivo de apuntamiento. Las aplicaciones de usuario pueden incorporar características que permitan a los usuarios asignar acciones de teclado a ciertas acciones. HTML 4.01 permite a los desarrolladores de contenidos especificar atajos de teclado en sus documentos mediante el atributo "accesskey".

Nota: Hasta que las aplicaciones de usuario proporcionen un resumen de las asignaciones de teclas disponibles, proporcione información sobre las asignaciones de teclas.

Por tanto, para definir un atajo de teclado en HTML se emplea el atributo accesskey que se puede emplear con las siguientes etiquetas: a, area, button, input, label, legend, textarea.

En la actualidad, la mayoría de los navegadores admiten los atajos de teclado con el atributo accesskey. Si se usa Microsoft Windows, se tiene que emplear la tecla Alt más el atajo de teclado. En algunos navegadores, también es necesario pulsar Enter para activar el enlace. En Macintosh, se tiene que pulsar Control más el atajo de teclado.

Pero no todo es tan maravilloso con las teclas de acceso rápido. En el artículo Atajos de teclado en documentos, se explica porque no ayudan tanto como era de esperar:

• El usuario no sabe si están definidos o no.
• El usuario no sabe qué teclas hemos asignado.
• Las teclas causan conflicto con las del navegador.
• El usuario no puede teclear el carácter.

¿Qué teclas utilizar? ¿Existe un consenso?

Año Europeo de la Igualdad de Oportunidades para todas las personas

EL Parlamento Europeo y el Consejo de la Unión Europea, declaró el Año 2007 como «Año Europeo de la Igualdad de Oportunidades para Todas las personas» (decisión del Parlamento Europeo). El Ministerio de Trabajo y Asuntos Sociales ha creado una comisión para alcanzar los objetivos planteados.