Accesibilidad del sitio
Contenido de la página
Introducción
Como todos los sitios web que desarrollamos en Osoco, este sitio se ha diseñado teniendo en cuenta que sus contenidos y servicios sean accesibles para cualquier persona, con independencia de cuál sea su situación personal o su contexto de navegación.
Nuestro objetivo es que el Catálogo sea accesible para todas las personas en igualdad de condiciones, para lo cual estamos trabajando contínuamente.
Por este motivo, si encuentras algún problema relacionado con la accesibilidad de alguna de las páginas del sitio, o tienes alguna sugerencia que hacernos en este sentido, te agradeceremos que te pongas en contacto con el equipo de desarrollo del Catálogo.
La función de esta página es proporcionar información sobre las principales características de accesibilidad que hemos incorporado en el diseño del sitio y que por lo tanto, conviene que conozcan las personas con discapacidad, puesto que pueden facilitarles el uso del Catálogo.
Por otra parte, también puede servir para ayudar a difundir el concepto de la accesibilidad web entre los diseñadores. Por este motivo, en esta página se describen con cierto detalle algunas de las técnicas empleadas, de manera que los desarrolladores de contenido web interesados puedan aplicarlas en la creación de otros sitios.
Pautas de accesibilidad al contenido en la Web
Para garantizar la accesibilidad al contenido del Catálogo, tanto a la información del sitio, como a la aplicación web propiamente dicha, hemos aplicado las Pautas de Accesibilidad al Contenido en la Web (WCAG) 1.0, que constituyen una recomendación del Consorcio World Wide Web (W3C) desde su publicación en mayo de 1999.
Estas pautas consisten en un grupo de documentos técnicos desarrollados por el Grupo de Trabajo de las Pautas de Accesibilidad al Contenido en la Web (WCAG WG), el cual es parte de la Iniciativa de Accesibilidad Web (WAI) del W3C.
Las WCAG 1.0 recogen los principios generalmente reconocidos para un diseño web accesible, organizándolos en 14 pautas. A su vez, cada pauta tiene uno o más puntos de verificación que explican cómo se aplica la pauta. Cada punto de verificación tiene un nivel de prioridad, según el impacto que tenga en la accesibilidad.
Si estás interesado, puedes consultar más información al respecto en los siguientes recursos:
- Introducción a las WCAG traducida por la Oficina Española del W3C.
- Guía breve para crear sitios web accesibles.
El 11 de diciembre de 2008 el W3C publicó la versión 2.0 de las Pautas de Accesibilidad al Contenido Web (WCAG 2.0), que desde ese momento recomienda utilizar en lugar de las WCAG 1.0.
Está prevista la próxima adecuación del Catálogo a esta nueva versión de las Pautas.
Nivel de adecuación con las pautas
Todas las páginas de este sitio cumplen con todos los puntos de verificación de prioridad 1 y 2, así como con la mayoría de los de prioridad 3, de las WCAG 1.0. Esto supone un nivel de adecuación "doble A" (AA) con los estándares de accesibilidad de la WAI.
Siguiendo la recomendación del W3C para ayudar a promover la accesibilidad en la Web, hemos declarado nuestra conformidad con las pautas, incorporando en el pie de cada página el siguiente logotipo de conformidad correspondiente con el nivel doble-A:
Validación
La validación del nivel de adecuación ha consistido en un análisis manual llevado a cabo por expertos en accesibilidad de la empresa Osoco. Para la realización del análisis se han empleado diversas herramientas de evaluación automáticas como:
- TAW versión 3 de la Fundación CTIC.
- HERA 2.0 del SIDAR.
- WAVE versión 4.0 de WebAIM.
- Algunos complementos del navegador Firefox como:
- Web Developer 1.1.6 de Chris Pederick.
- Site Navigation Bar 1.1.3 de Klaus Bolwin.
- Colour Contrast Analyser 1.25 de Gez Lemon.
Aunque estas y otras herramientas son útiles y facilitan mucho la tarea de revisión, es importante llevar a cabo una revisión manual exhaustiva, ya que las herramientas automáticas no pueden detectar todos los posibles problemas de accesibilidad.
La metodología de revisión empleada ha seguido el proceso recomendado en el Apéndice de Validación de las Pautas.
Técnicas de accesibilidad
A continuación describimos algunas de las técnicas de implementación que se han aplicado durante el diseño del sitio para conseguir mejorar su nivel de accesibilidad.
Estándares web abiertos
- En el diseño del sitio se han empleado tecnologías web estándar definidas por el W3C, como XHTML, para estructurar la información de las páginas del sitio, y hojas de estilo en cascada CSS, para controlar su presentación.
- Se ha comprobado la validez de todos los documentos XHTML del sitio con la especificación XHTML 1.0 Transitional del W3C y de las hojas de estilo con la especificación CSS versión 2.1 del W3C.
- Estas revisiones se ha llevado a cabo mediante las herramientas de validación en línea del W3C:
- En el pie de cada página se han incorporado dos iconos de validación, que permiten validar en línea la sintaxis del documento XHTML visualizado y de sus hojas de estilos, respectivamente.
- Cuando no existe un estándar W3C apropiado, se ha recurrido a otros formatos abiertos. Por ejemplo, se utiliza el microformato hCard para representar mediante marcado XHTML semántico los datos de contacto de las empresas que aparecen en el Catálogo y del propio CEAPAT.
Estructura y presentación
- El sitio se ha marcado semánticamente, es decir, se emplean los elementos y atributos de XHTML únicamente para definir la estructura del contenido, controlándose su presentación completamente mediante hojas de estilo.
- Las tablas que aparecen en el sitio se utilizan para marcar información tabular y nunca se emplean para controlar la composición de la página.
- A todas las tablas se les ha incorporado un título, mediante el elemento
CAPTION, para describir brevemente su finalidad. Por ejemplo: "Categorías de productos de apoyo" - Se proporcionan resúmenes de las tablas, mediante el atributo
summary, que son especialmente útiles para usuarios no videntes. Por ejemplo: "Esta tabla representa el código numérico de cada categoría de productos de apoyo, el nombre de la categoría y, en su caso, el número de productos de apoyo de dicha categoría existentes en el Catálogo". - Las páginas se han etiquetado para transmitir adecuadamente su estructura. Se usan etiquetas para señalar los títulos de las páginas y las cabeceras de las secciones y subsecciones dentro de cada página. Esto beneficia, a los usuarios de lectores de pantalla que pueden moverse por las secciones de las páginas utilizando combinaciones de teclas.
- El contenido está organizado de forma lógica, de manera que aunque el navegador del usuario no soporte las hojas de estilo (por ejemplo, el navegador de texto Lynx) o las tenga desactivadas, siga siendo posible leer las páginas.
- Se especifican tamaños de texto relativos, para respetar el tamaño de texto especificado por cada usuario en su navegador. Se puede cambiar el tamaño de la letra utilizando las opciones que proporcione el navegador, normalemente disponibles en el menú "Ver", opción "Tamaño del texto" o directamente con las teclas CTRL y + (aumentar tamaño), CTRL y - (disminuir tamaño) o presionando la tecla CTRL y girando la rueda del ratón en uno u otro sentido.
- La separación entre contenido y presentación, así como el uso adecuado de los estándares web, hace posible que el Catálogo pueda visualizarse correctamente en multitud de navegadores. Se han comprobado las páginas en distintas versiones de navegadores y en diferentes plataformas. Por ejemplo:
Firefox 2.0.0.14 en Fedora 7
Dillo 2.0 en Debian
Firefox 3.1 en Debian
Konqueror 3.5 en Debian
Seamonkey 1.1.14 en Fedora 7
Navigator 9.0.0.6 en Ubuntu 8.04
Galeon 2.0.7 en Fedora 7
Opera 10.00 en Ubuntu 8.04
Chrome 2.0.156.1 en Windows XP
MSIE 6.0 en Windows 2000
Flock 2.0 en Windows 2000
Opera 9.63 en Windows XP
MSIE 8.0 en Windows XP
Safari 3.2.1 en Windows XP
Ayudas a la navegación
- El sitio cuenta con diferentes mecanismos de navegación que se han destacado en forma de barras de navegación para que los usuarios sean capaces de localizarlos fácilmente.
- Los mecanismos de navegación y de búsqueda se han colocado de manera coherente en la misma posición en todas las páginas del sitio, de manera que se consigue que la navegación sea predecible. Las estructuras de navegación del Catálogo son las siguientes:
- La barra de navegación del sitio, se encuentra en la cabecera de todas las páginas y permite acceder a las principales secciones de contenido del sitio.
- La barra de navegación de la aplicación, se sitúa en el lateral izquierdo de todas las páginas (excepto de la portada) y permite acceder a los diferentes mecanismos de búsqueda de productos en el Catálogo: mediante clasificación, por directorio de empresas o a través del glosario.
- El buscador situado al inicio de cada página permite localizar rápidamente cualquier página del sitio, tanto del contenido estático, como de la aplicación, mediante palabras clave.
- En el pie de cada página se incluye una versión del Mapa del sitio, que representa el esquema de secciones y subsecciones principales.
- Las Migas de pan o breadcrumb, situado inmediatamente antes del contenido principal de cada página, muestra cuál es la situación del usuario en cada momento en la jerarquía de páginas del sitio. Esto es especialmente útil para que los usuarios puedan orientarse cuando navegan por la clasificación de productos de apoyo.
- En la barra que aparece en la cabecera de todas las páginas existe un enlace de salto (atajo de teclado: 2) que permite dirigirse al contenido principal de la página. Así, las personas que utilizan lectores de pantalla no tienen que escuchar el menú de navegación cada vez que acceden a una página.
- El contenido de las páginas se ha ordenado lógicamente. Esto permite a los usuarios navegar con el tabulador por los vínculos y controles de formulario del sitio.
- Cada página cuenta con un título significativo. Esto ayuda a los usuarios a orientarse dentro del sitio y permite distinguir las páginas guardadas como marcadores o bookmarks. Por ejemplo, los títulos de algunas páginas son:
- "Productos de apoyo para dosificar medicinas"
- "Bandeja de medicación"
- Se proporcionan atajos de taclado para los principales vínculos del sitio. La mayoría de los navegadores actuales permiten saltar directamente a un enlace utilizando una combinación de teclas. A continuación se definen las teclas utilizadas en este sitio:
- Tecla 0
- Página de accesibilidad (esta página).
- Tecla 1
- Mapa del sitio.
- Tecla 2
- Saltar al contenido principal de la página.
- Tecla 3
- Página principal del Catálogo.
- Tecla 4
- Clasificación de productos de apoyo del Catálogo.
- Tecla 5
- Empresas en el Catálogo.
- Tecla 6
- Glosario de términos del Catálogo.
- Tecla 7
- Sobre el Catálogo.
- Tecla 8
- Preguntas más frecuentes.
- Tecla 9
- Contacto.
- Firefox (hasta versión 1.5)
- ALT + tecla de acceso.
- Firefox (a partir de la versión 2.0)
- ALT + MAYÚSCULAS + tecla de acceso.
- Microsoft Internet Explorer 4.0 o superior:
- ALT + tecla de acceso + ENTER.
- Netscape
- ALT + tecla de acceso.
- Opera
- MAYÚSCULAS + ESC activa las teclas de acceso.
- Safari
- CONTROL + tecla de acceso.
- Se utiliza el elemento
LINKpara incorporar metainformación al sitio, describiendo las relaciones existentes entre las diferentes páginas. Algunas aplicaciones de usuario son capaces de sintetizar automáticamente herramientas de navegación a partir de estos metadatos. Por ejemplo, los usuarios del navegador Mozilla (a partir de la versión 1.1) y de Netscape 6 pueden activar la barra de navegación del sitio. En Firefox también es posible aprovechar esta información instalando el complemento Site Navigation Bar de Klaus Bolwin:
Imágenes
Las imagenes con función únicamente decorativa son incluidas mediante las hojas de estilo del sitio. El resto de imagenes que transmiten información al usuario, incluyen textos alternativos que describen su función mediante el atributo alt.
Enlaces
- Se ha procurado escribir los textos de los enlaces de modo que tengan sentido incluso cuando se lean fuera de contexto.
- Cuando el texto del enlace puede no ser suficiente para describirlo fuera de su contexto se han añadido títulos (mediante el atributo
title) con una descripción más detallada. - Los enlaces del sitio no abren nuevas ventanas del navegador. De esta forma el usuario siempre puede navegar utilizando los botones "Ir a la página siguiente" e "Ir a la página anterior" disponibles en su navegador. Si desea abrir un enlace en una nueva ventana puede hacerlo mediante los mecanismos que proporciona el navegador, normalmente presionando la tecla CTRL antes de seguir el enlace o abriendo el menú de contexto con el botón derecho del ratón y seleccionando la opción "Abrir enlace en una ventana nueva" o similar.
Scripts
Este sitio incorpora algunos scripts para incorporar pequeñas funcionalidades de carácter opcional, por lo que el sitio sigue siendo perfectamente operativo cuando no se soportan los scripts o se han desactivado.
CAPTCHA
Con el fin de proteger informaciones sensibles contenidas en este sitio, como las direcciones de correo electrónico, de las organizaciones dedicadas al envío másico de correo no deseado o spam, ha sido necesario tomar medidas para distinguir entre los usuarios humanos y los robots y otros programas automáticos que suelen emplearse para obtener dicha información con fines ilícitos.
La solución más extendida actualmente consiste en mostrar al usuario una representación gráfica de un texto más o menos distorsionado y requerirle que introduzca los caracteres que lee en un formulario. Esta técnica conocida como CAPTCHA, tiene el inconveniente de ser inaccesible para grandes grupos de usuarios, como por ejemplo las personas con discapacidad visual o con dislexia (para más información se puede consultar el documento Inaccessibility of CAPTCHA publicado por el W3C).
Por este motivo, el equipo de Osoco ha desarrollado para el Catálogo un CAPTCHA no interactivo, que al no requerir en ningún momento de la participación del usuario, presenta el mayor nivel de accesibilidad posible.
Este mecanismo detecta la presencia de usuarios automáticos basándose en un conjunto de heurísticos que se implementan por la lógica del servidor. En la medida que esta técnica resulta totalmente transparente a los usuarios, tampoco afecta negativamente al nivel de accesibilidad del sitio.
