Saltar al contenido
Pon el foco
Criterios de Comprensible

ComprensiblePauta 3.2 Predecible

3.2.4Identificación coherente

Nivel AALo exige la normativa (EN 301 549).

Qué pide

Los elementos con la misma función se identifican igual en todo el sitio.

A quién ayuda: Usuarios de lector de pantalla y personas con dificultades cognitivas.

Un caso real

El icono de búsqueda en distintas páginas.

BienSiempre se llama «Buscar».
MalEn una página «Buscar», en otra «Encontrar» y en otra «Lupa».

Cómo aplicarlo en código

Mismo nombre para la misma función

Un componente reutilizable garantiza que el botón se llama igual en toda la web.

CorrectoAstro
---
// src/components/BotonBuscar.astro
---
<button type="submit">
  <svg aria-hidden="true" focusable="false">…</svg>
  Buscar
</button>
IncorrectoAstro
<!-- En una página -->
<button aria-label="Buscar">…</button>
<!-- En otra, la misma función -->
<button aria-label="Lupa">…</button>

Cómo comprobarlo

Revisa nombres de iconos y botones repetidos.

Understanding 3.2.4 (W3C, en inglés)