Este documento describe la pauta 12 de accesibilidad web, que recomienda proporcionar información de contexto y orientación para ayudar a los usuarios a entender páginas complejas. Se divide la pauta en 4 puntos de verificación: titular marcos, describir relaciones entre marcos y contenido, dividir información en bloques más pequeños, y asociar etiquetas explícitamente con sus controles de formulario.

1. Pauta 12: Proporcionar información de contexto y orientación

2. Definición de la pauta
 Se debe proporcionar información de contexto y
orientativa para ayudar a los usuarios a entender
páginas o elementos complejos
 Agrupar los elementos y proporcionar información
contextual sobre la relación entre elementos puede ser
útil a todos los usuarios
 Las relaciones complejas entre las partes de una página
pueden resultar difíciles de interpretar a personas con
discapacidades cognitivas o visuales
 La pauta se subdivide en 4 puntos de verificación

3. 12.1 – Poner título a cada marco
12.2 – Describir los marcos
12.3 – Dividir la información en bloques más pequeños
12.4 – Asociar etiquetas con sus controles de forma explícita

4. 12.1 – Poner título a cada marco
 Motivo: facilitar la identificación y navegación de los
marcos
 Es de prioridad 1
 Ejemplo: utilizar el atributo TITLE en cada elemento
FRAME de la página

5. 12.2 – Describir los marcos
 Su propósito
 Como se relacionan entre sí
 Tiene prioridad 2
 Ejemplo: utilizar un “longdesc” en HTML

6. 12.3 – Dividir la información en
bloques más pequeños
 Cuando sea natural y apropiado se debe agrupar la
información en bloques más pequeños
 Este apartado es de prioridad 2
 Ejemplos:
 Utilizar OPTGROUP para agrupar los elementos
OPTION dentro de un SELECT
 Agrupar controles de formulario con FIELDSET y
LEGEND
 Listados anidados

7. 12.4 – Asociar etiquetas con sus
controles de forma explícita
 Una etiqueta se asocia implícitamente con su control
de formulario bien mediante las marcas o por su
posición en la página
 Su prioridad es 2
 Ejemplo:
 <LABEL for="nombre">Nombre: <INPUT type="text"
id="nombre" tabindex="1"> </LABEL>