Cultura Digital#Blog

Esta sección nació en un principio como iniciativa y apoyo a la accesibilidad en la web, haciendo suyo el eslogan de:

Accesibilidad: Por una web de calidad.

cuando por entonces aún se maquetaba en tablas -y se sigue haciendo por increíble que parezca- y, en general, las preferencias, características del usuario y su interactividad con el sitio, importaban más bien poco por no decir nada.

Después de tanto tiempo, decidí seguir manteniéndola ya que ha sido, y entiendo que debe seguir siéndolo, un estándar en mi forma de diseñar webs. Así que sus funcionalidades y premisas siguen o deben seguir activas.

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.

Definición y descripción de Niveles:

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 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 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: ⇑ (Shift / Mayúscula) + Alt + Tecla
MAC: Cmd (Cmd / Command / Comando) + Tecla

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 ( ) . Ej:
  Enlace Externo
• Además, los enlaces o vínculos que se abran en un “popup” se acompañan del icono correspondiente ( ), sino se especifica en los atributos del vínculo la imagen que lo acompañará SIEMPRE lo hará por estos. Ej:
  Enlace Popup