Tiple A

LIBP-0079 (Libro de pautas)

Pautas

TítuloCarácter
TecladoObligatoria
UbicaciónObligatoria
Encabezados de secciónObligatoria
Cambio de contextoObligatoria
Presentación visualObligatoria
Palabras inusualesObligatoria
AbreviaturasObligatoria
Nivel de lecturaObligatoria
PronunciaciónObligatoria
Sin límite de tiempoObligatoria
InterrupcionesObligatoria
ReautentificaciónObligatoria
ContrasteObligatoria
Propósito de un vínculoObligatoria
AyudaObligatoria
Prevención de erroresObligatoria
Contraste en imágenes de textoObligatoria
Imágenes de textoObligatoria
DestellosObligatoria
Lengua de signosObligatoria
Alternativa multimediaObligatoria
Transcipción en directoObligatoria
AudiodescripciónObligatoria
Fondo de audioObligatoria

Teclado

Toda la funcionalidad es accesible a través del teclado sin que exista un tiempo límite para realizar las pulsaciones.

Toda la funcionalidad debe ser accesible desde el teclado, sin excepciones.

Ubicación

Proporcionar al usuario información sobre su ubicación.

Cuando una página forma parte de un conjunto o está dentro de una aplicación, debe indicar la ubicación actual. Para ello puede hacer uso de rutas de navegación o especificar el paso actual dentro de una secuencia, por ejemplo: "Paso 1 de 2".

Encabezados de sección

Utilizar encabezados de sección para organizar el contenido.

Toda página de una aplicación debe utilizar encabezados para designar cada una de las secciones que posea. Estos encabezados serán, al menos:

  • H1: Para indicar el título de la aplicación
  • H2: Para indicar el título de la página
  • H3: Para indicar el título de cada apartado principal

Cambio de contexto

Realizar los cambios de contexto sólo a petición del usuario.

Los cambios de página, aparición de pop-ups, saltos de foco y otros cambios que puedan desorientar al usuario deben ser siempre provocados por éste o se debe ofrecer un mecanismo para desactivarlos.

Presentación visual

Asegurar que el texto se presenta visualmente de manera que puede ser percibido sin interferir su trazado con su legibilidad.

Para cumplir esta pauta, los bloques de texto deben proporcionar un mecanismo que logre:

  • Líneas de un máximo de 80 caracteres.
  • Texto sin justificar a ambos lados.
  • Interlineado de al menos un espacio y medio en el interior de los párrafos y al menos una vez y media mayor entre párrafos.
  • El texto podrá ampliarse hasta un 200% sin que aparezca barra de desplazamiento horizontal.
  • El usuario puede seleccionar los colores de primer plano y fondo.

Palabras inusuales

Proporcionar un mecanismo para identificar definiciones de palabras o frases empleadas de manera inusual o restringida.

Las palabras que puedan ser ambiguas, desconocidas o usadas de una forma muy específica, deben definirse través de un texto contiguo, una lista de definiciones, un glosario, o de cualquier otro método.

Abreviaturas

Proporcionar un mecanismo para identificar las formas expandidas o los significados de las abreviaturas.

La explicación de las abreviaturas debe realizarse utilizando la etiqueta "abbr" o con un enlace a un glosario de términos la primera vez que se utilicen en un contenido.

Nivel de lectura

Proporcionar un contenido alternativo cuando el texto requiera una habilidad de lectura avanzada.

Para aquellos contenidos que requieran una habilidad en la lectura superior a la que pueda tener  una persona con aproximadamente nueve años de educación primaria, se debe proporcionar un texto alternativo.

Pronunciación

Proporcionar un mecanismo para identificar la pronunciación adecuada donde el significado puede ser ambiguo según su pronunciación.

Si la pronunciación de una palabra es vital para comprenderla, su pronunciación se debe mostrar a continuación de dicha palabra o mediante un enlace a un glosario.

Sin límite de tiempo

Eliminar limitaciones temporales para contenidos y funcionalidades.

El tiempo no debe limitar un contenido ni su funcionalidad, excepto para contenido multimedia sincronizado y no interactivo y eventos en tiempo real.

Interrupciones

Permitir posponer o eliminar las interrupciones.

Las alertas, actualizaciones de página, cambios de contexto, etc., deben poder posponerse o cancelarse por el usuario, excepto si son provocadas por una emergencia.

Reautentificación

Ofrecer al usuario la posibilidad de reautentificarse cuando su sesión expira y continuar con la actividad que realizaba sin que se produzca ninguna pérdida de datos.

Si una sesión expira, el usuario debe poder reautentificarse y continuar con la actividad que estaba realizando sin perder ningún dato.

Contraste

Dar una relación de contraste de, al menos, 7:1 a la presentación visual del texto.

El texto debe tener una relación de contraste de, al menos, 7:1 excepto en los siguientes casos:

  • En los textos grandes (de más de 18 puntos o 14 puntos en negrita) la relación de contraste debe ser de al menos 4'5:1.
  • En los textos que forman parte de un componente de la interfaz de usuario inactivo, que son meramente decorativos, que no son visibles o que forman parte de una imagen cuyo significado es visual, no tienen un requisito mínimo de contraste.
  • Los textos que forman parte de un logotipo o de una marca comercial no poseen un requisito mínimo de contraste.

Propósito de un vínculo

Redactar los textos de los enlaces de forma que tengan sentido con el vínculo descontextualizado.

Siempre que el propósito de un enlace no sea ambiguo, su texto debe ser lo suficientemente descriptivo como para identificar su propósito directamente desde el texto enlazado. Además, los enlaces con los mismos destinos deberían tener las mismas descripciones y no deben existir enlaces con el mismo texto que vinculen a lugares diferentes, como por ejemplo "Leer más".

Ayuda

Proporcionar ayuda contextual.

Un formulario debe proporcionar alguna forma de ayuda contextual al usuario a la hora de introducir los datos que se solicitan.

Una forma muy extendida para proporcionar esta ayuda contextual es el uso del atributo "title", aunque sólo debe ser utilizado en el caso de que el componente tenga explícitamente asociada una etiqueta "label". Ejemplo de uso:

<label for="direccion"> Dirección: </label>

<input id="direccion" type="text" size="30" name="direccion" tittle="Dirección de ejemplo: Sierpes, 1, 41004, Sevilla" />

Otras formas de proporcionar ayuda contextual pueden ser:

  • Ofrecer un enlace a una página de ayuda
  • Ofrecer instrucciones mediante texto al principio del formulario o para cada conjunto de campos

Prevención de errores

Prevenir errores que puedan generarse al enviar cualquier tipo de información.

Para cualquier página que requiera el envío de información debe ofrecerse como mínimo uno de los siguientes medios para la prevención de errores:

  1. Envío de datos reversible.
  2. Los datos son comprobados antes de enviarse y se ofrece al usuario la posibilidad de corregirlos si fuese necesario.
  3. Se proporciona un medio para revisar, corregir y confirmar los datos introducidos antes de finalizar el envío.

Contraste en imágenes de texto

Dar una relación de contraste de, al menos, 7:1.

Las imágenes de texton debe tener una relación de contraste de, al menos, 7:1 excepto en los siguientes casos:

  • En las imágenes de texto de gran tamaño la relación de contraste debe ser de al menos 4'5:1.
  • En las imágenes de texto que forman parte de un componente de la interfaz de usuario inactivo, que son meramente decorativas, que no son visibles o que forman parte de una imagen cuyo significado es visual, no tienen un requisito mínimo de contraste.
  • Las imágenes de texto que forman parte de un logotipo o de una marca comercial no poseen un requisito mínimo de contraste.

Imágenes de texto

No utilizar imágenes de texto para transmitir información.

Las imágenes de texto sólo se deben emplear como pura decoración o donde una presentación en particular del texto es esencial para la información que se transmite, como por ejemplo en logotipos.

Destellos

No crear contenidos que destellen más de 3 veces en un segundo.

No debe haber ningún elemento que destelle más de tres veces en cualquier periodo de un segundo, independientemente de su tamaño y color.

Lengua de signos

Ofrecer una interpretación a la lengua de signos para todo audio presente en cualquier contenido multimedia pregrabado.

Deben proporcionarse un vídeo en lengua de signos para cualquier contenido multimedia pregrabado que posea una locución.

Alternativa multimedia

Ofrecer una transcripción descriptiva para todo contenido multimedia pregrabado que contenga un vídeo.

Todo contenido multimedia pregrabado que contenga un vídeo debe proporcionar una transcripción descriptiva del mismo.

Transcipción en directo

Proporcionar una transcripción descriptiva para todo audio presente en cualquier contenido multimedia en directo.

Todo contenido multimedia en directo que contenga un audio debe proporcionar una transcripción descriptiva del mismo.

Audiodescripción

Proporcionar una audiodescripción extendida para todo contenido de vídeo pregrabado.

Si una audiodescripción no puede ser añadida a un vídeo debido a la sincronización del audio (por ejemplo, porque no existen pausas suficientes en el video ), se debe proporcionar una versión alternativa del vídeo con sufucientes pausas para permitir las descripciones de audio.

Fondo de audio

Verificar que todo contenido de audio no posee un ruido de fondo que pueda dificultar su comprensión.

Cualquier contenido de audio que contiene principalmente una locución no debe contener sonido de fondo, éste debe poder apagarse o es, al menos, 20 decibelios más bajo que la locución principal (el sonido de fondo es cuatro veces más tenue que la locución principal).