Accesibilidad

Pautas de Accesibilidad en Cultura Digital.
Icono clásico azul que representa la accesibilidad, una persona en una silla de ruedas."

Contexto:

Estamos comprometidos con la Accesibilidad en la Red, en nuestro caso, con los Documentos Web, comprometidos con la idea de una red libre a la que puedan tener acceso todos y cada uno de los usuarios de esta, ya sufran algún tipo de disfuncionalidad o no.
Así, abogamos por unos sitios y documentos que cumplan al cien por cien con las directrices del W3C, de la WAI (Iniciativa para la Accesibilidad en la Web), y del resto de organismos implicados en tal fin/lucha.
Intentando concienciar a los desarrolladores de sitios web, haciendo llegar a todo el mundo estos conceptos, dando información, y como no, dando ejemplo con un código estándar y, sobretodo, accesible.

Este sitio cumple con el nivel Triple A de Accesibilidad según la WAI.
Icono de conformidad con la WAI Nivel Triple-A

Definición y descripción de Niveles:

Nivel 1-[WAI] Semáforo Rojo: Prioridad 1 Nivel 1-[WAI] Problemas accesibilidad de tipo 1:
Un desarrollador de contenidos de páginas Web tiene que satisfacer este punto de verificación.
De otra forma, uno o más grupos de usuarios encontrarán imposible acceder a la información del documento.
Satisfaciendo este punto de verificación es un requerimiento básico para que algunos grupos puedan usar estos documentos Web:
Documentos estructurados semánticamente, separando estructura de presentación visual.
Documentos legibles y accesibles prescindiendo del uso de Hojas de Estilo (CSS).
Control del color, información no basada y al margen del color.
Imágenes con información alternativa acerca de su contenido y significado.
Identificación de elementos, fila y columna, en tablas de datos.
Nivel 1-[WAI] Semáforo Amarillo: Prioridad 2 Nivel 2-[WAI] Problemas accesibilidad de tipo 2:
Un desarrollador de contenidos de páginas Web debería satisfacer este punto de verificación.
De otra forma, uno o más grupos encontrarán dificultades en el acceso a la información del documento.
Satisfaciendo este punto de verificación eliminará importantes barreras de acceso a los documentos Web:
Listas correctamente referenciadas y marcadas.
Tablas usadas semánticamente en exclusiva.
Alternativas a tecnologías propietarias y no estandares así como alternativas al uso del ratón y/o teclado.
Ej: onkeypress=""
Nivel 1-[WAI] Semáforo Verde: Prioridad 3 Nivel 3-[WAI] Problemas accesibilidad de tipo 3:
Un desarrollador de contenidos de páginas Web puede satisfacer este punto de verificación.
De otra forma, uno o más grupos de usuarios encontrarán alguna dificultad para acceder a la información del documento.
Satisfaciendo este punto de verificación mejorará la accesibilidad de los documentos Web.
Navegación accesible con tabulador: Utilizando la tecla del tabulador accederá a los contenidos de la web.
Acceso rápido y accesible a las secciones importantes del sitio.
Activado el uso de Teclas de Acceso (HotKey o AccesKeys)
Enlaces, también, en modo texto, y las imagenes usadas para este fin contienen abundante información para ayudar a la navegación.
Abreviaturas usadas en todo el sitio con sus respectivas descripciones y enlaces.

Teclas de Acceso/Accesskeys

Acceso a las secciones principales del sitio presionando la combinación de teclas:
Alt + el número o letra (Windows) indicado en la siguiente tabla:

Se muestra por defecto la TECLA habitual en la mayoría de sistemas operativos y navegadores:
Windows y Linux: Alt
Firefox 1.x e Internet Explorer: Alt + Tecla
Firefox 2.x: (Sift / Mayúscula) + Alt + Tecla
MAC: Cmd (Cmd / Command / Comando) + Tecla

Teclas de Acceso / AccesKeys
Sección Combinación de Teclas
Teclas de Acceso/Acceskeys (Accesibilidad) Alt + K
Saltar Navegación Alt + S
Acerca de… Alt + C
Inicio Alt + N
Archivos Alt + H

Otras Notas

Para los enlaces, siempre que nos ha sido posible, se usa el estándar color azul en diferentes tonos y decoraciones así como títulos descriptivos de su destino y contenido. Cuando el cursor se situa encima de un enlace siempre cambiará a la típica forma “hand” (mano) además de cambiar a subrayado.
En este sentido:

  • Los enlaces internos del sitio se abren en la misma ventana y no acompañan icono alguno, solo el enlace. Ej:
    Enlace Interno
  • Los enlaces externos se abren todos en una nueva ventana o pestaña dependiendo del tipo de navegador o dispositivo o configuración de este. Además siempre irán acompañados del icono correspondiente ( Externo ) . Ej:
    Enlace Externo
  • Además, los enlaces o vínculos que se abran en un “popup” se acompañan del icono correspondiente ( se abre en un popup o ventana emergente ), sino se especifica en los atributos del vínculo la imagen que lo acompañará SIEMPRE lo hará por estos. Ej:
    Enlace Popup

Lo siento, los comentarios están cerrados.