Esta traducción aún no ha sido revisada editorialmente. La versión alemana es la vinculante. Deutsche Fassung
Accesibilidad
¿Cómo hacen los sitios web el propósito de símbolos y áreas legibles por máquina?
Algunas personas entienden los símbolos mejor que las palabras, otros lo necesitan al revés. Nivel AAA Criterion 1.3.6 requiere que el propósito de los controles, iconos y rangos de página estén en el código fuente para que una utilidad pueda reemplazar, simplificar o reagruparlos con iconos conocidos. Esto se basa en las funciones históricas y la información de propósito, que ya se utiliza por nivel AA para campos de entrada (1.3.5).
Lo que el Criterio requiere
Las áreas laterales desempeñan su función: navegación, contenido principal, búsqueda, área de pie, suplemento. Controles de propósito fijo (página de inicio, búsqueda, carrito de compras, ayuda) llevan un propósito que un programa puede reconocer. Las signaturas tienen nombres que indican su propósito. Por ejemplo, una utilidad personal puede mostrar cada búsqueda con el mismo icono familiarizado con el usuario o reducir una página al contenido principal.
¿Por qué esto va más allá del nivel AA
Nivel AA requiere información de propósito solamente para campos de entrada que contengan datos personales (1.3.5). Para todos los demás elementos, hoy no hay una lista completa de propósitos estandarizados; el WCAG menciona explícitamente el criterio como meta para el futuro. Se puede llegar a donde un sitio web limpia hitos, da nombres a símbolos y nombres uniformemente funciones recurrentes.
Así es como nos ocupamos de ello
La medición verifica hitos y nombres de controles en el contexto de los niveles A y AA y, por lo tanto, encuentra la base de este criterio. Si los propósitos son completos es evaluado por una persona. El criterio pertenece a la categoría AAA en conocimiento.
Ejemplos
Áreas y símbolos sin propósito
<div class="oben">…</div>
<div class="links">…</div>
<button><svg>…</svg></button><header>…</header>
<nav aria-label="Hauptmenü">…</nav>
<main>…</main>
<button aria-label="Suche öffnen"><svg aria-hidden="true">…</svg></button>Marcas y símbolos nombrados permiten una utilidad para simplificar la página o mostrarla con símbolos familiares.
- Para cada página, establezca el área de cabecera, navegación, contenido principal, búsqueda y área de pie con los elementos o roles proporcionados.
- Dar a cada botón de icono un nombre que indica el propósito (“Búsqueda abierta”, no “vídula mágica”).
- Nombra funciones recurrentes en todos los lados iguales: misma etiqueta, misma posición.
- Para campos de entrada con datos personales, utilice los propósitos del criterio 1.3.5; son la base.
