Declaración de accesibilidad

Nivel de accesibilidad de codexexempla.org

Durante el desarrollo de estas páginas he intentado alcanzar un nivel de accesibilidad AA según las WCAG 1.0 (inglés) del W3C (inglés), es decir, todas las prioridades de nivel 1 y 2 (inglés). Sin embargo, en la medida de lo posible, he aplicado las técnicas oportunas para satisfacer algunas de las prioridades de nivel 3.

Entre estas, he aplicado las especificaciones de los puntos 4.3 (inglés), 5.5 (inglés) y 9.4 (inglés), para cumplir con la totalidad de los puntos de control de prioridad 1 y 2 de la norma española UNE 139803:2004, Aplicaciones informáticas para personas con discapacidad. Requisitos de accesibilidad para contenidos en la Web.

En algunos casos concretos, como son las páginas que contienen ejemplos ilustrativos de los contenidos de los artículos, no siempre he logrado este nivel. Por ello, las páginas en las que sí lo he conseguido exhiben el siguiente icono:

Si alguien tiene alguna sugerencia con la que pueda mejorar el nivel de accesibilidad de esta página, los comentarios son siempre bienvenidos. Gracias.

Conformidad con los estándares

Todas las páginas de este sitio son válidas según la DTD XHTML 1.1 (inglés). A diferencia de la accesibilidad, cuyo nivel requiere de juicio experto, la validez se puede comprobar haciendo clic sobre el siguiente icono, incluido en todos los documentos:

Estas páginas han pasado las pruebas del validador del W3C, HERA y Cynthia Says (inglés).
Para añadir metainformación a los documentos he aplicado las definiciones de etiquetas meta del Dublin Core.

Teclas de acceso

Para facilitar la navegación a través del teclado, he habilitado una serie de teclas de acceso:

0: Dirige al contenido principal de cada documento.
1: Dirige a la página principal de este sitio.
2: Dirige a la sección del curso.
3: Dirige a la sección de artículos.
4: Dirige a la sección de recursos.
6: Dirige a esta misma página.
7: Dirige al mapa del sitio.
8: Dirige a la página de contacto.
9: Activa el buscador de la página.

Para emplear las teclas de acceso, siga estas indicaciones:

Empleo de las teclas de acceso
	Windows	Macintosh
Firefox 2.0+	`Alt` + `Mayús` + tecla de acceso	`Control` + tecla de acceso
Internet Explorer 4+	`Alt` + tecla de acceso, después `Enter`	`Control` + tecla de acceso, después `Enter`
Opera 7+	`Mayús` + `Esc` + tecla de acceso
Safari 1.2+	`Alt` + tecla de acceso	`Control` + `Esc` + tecla de acceso
Netscape 6+	`Alt` + tecla de acceso	`Control` + tecla de acceso

Por los problemas de usabilidad y accesibilidad que ocasiona, no he establecido un orden de navegación para la tecla Tab por medio del atributo tabindex. En su lugar, he organizado los contenidos de la manera que, a mi juicio, es más lógica.

Ayudas de navegación

Para facilitar el acceso a los contenidos de los usuarios que empleen un lector de pantalla se ha habilitado un vínculo inicial que dirige directamente al contenido principal de cada documento (tecla de acceso: 0).
El logo de codexexempla vincula siempre a la página principal.
En la barra de navegación principal se ha deshabilitado el vínculo a la sección en la que el usuario se encuentra, para evitar confusión a la navegación por teclas.
Cada documento está estructurado de forma que el primer encabezado (h1) indica el título del documento como ayuda orientativa —en lugar del logo, que sería otro elemento redundante—. La secciones de cada documento están marcadas por medio de encabezados de segundo nivel (h2), y las subsecciones por medio de encabezados de tercer nivel (h3), para facilitar la navegación a través de ellos por medio de un lector de pantalla.
Los texto de los vínculos han sido redactados de forma que sean lo más significativos descontextualizados. No obstante, para los casos en los que puedan resultar ambiguos o cunfusos, he habilitado una ayuda por medio de su atributo title.
Los vínculos a documentos fuera de codexexempla.org que no estén redactados en español cuentan con su correspondiente hreflang que especifica el idioma. Además, se indica éste detrás del vínculo, entre paréntesis.
Para establecer relaciones útiles entre los documentos he incluido elementos link con los atributos rel="contents", rel="start", rel="prev" y rel="next" en los casos oportunos.
Todos los documentos cuentan con un enlace al mapa del sitio.

Presentación visual

El aspecto visual de este sitio está definido por medio de CSS, por lo que puede deshabilitarse en cualquier momento si el navegador cuenta con el menú contextual adecuado. Además, he vinculado la CSS de forma que los navegadores antiguos (por ejemplo Netscape 4) la ignoren, para impedir que su incorrecta implementación del estándar vuelva ilegible la página.
He habilitado una hoja de estilo de alto contraste —de fuente blanca sobre fondo oscuro—, para los usuarios que prefieran este tipo de configuración. El usuario puede aplicarlo a través del menú correspondiente de su navegador.
Las hojas de estilo son válidas y estándar, como puede comprobarse haciendo clic sobre el siguiente icono, incluido en cada documento:
El tamaño de las fuentes ha sido definido en unidades relativas, para permitir que se escale a través del menú correspondiente en el navegador del usuario.
En las secciones del curso y de los artículos, he habilitado una hoja de estilo específica para optimizar su impresión.
Las imágenes que transmiten contenido están claramente identificadas, bien por medio de su correspondiente texto alternativo (alt), o bien por descripción y mención directa en el contexto en que se sitúan. En los casos necesarios he incluido una descripción larga (longdesc), a la que se accede haciendo clic sobre la propia imagen.
En el caso de las imágenes meramente decorativas, las presento por medio de la hoja de estilo.

JavaScript no obstrusivo

Los comportamientos de JavaScript los he implementado después de fijar el marcado de las páginas, para asegurarme de que su comportamiento fuese no obstrusivo. Por lo tanto, aunque pueden suponer una mejora de la experiencia del usuario, el acceso a los contenidos no se ve en ningún momento comprometido en caso de que su navegador no tenga habilitado JavaScript.
En los casos en los que un vínculo se abra a ventana nueva irá indicado en su title, y acompañado de este icono . Si JavaScript está deshabilitado, la página de destino se cargará en la misma ventana.
Los únicos casos que en este punto son excepciones son, obviamente, aquellos en los que en el contenido de un documento se muestra un ejemplo de comportamiento de JavaScript.