Accordion
Teclado, enfoque, semántica y responsabilidades del consumidor para Acordeón.
Accesibilidad
Atributos de datos
Acordeón emite atributos de datos para estilo y decisiones basadas en estado:
| Atributo | Valores | Descripción |
|---|---|---|
data-scope | "accordion" | Identifica el elemento como perteneciente al primitivo Acordeón |
data-part | "root", "item", "trigger", "content" | Identifica la parte específica |
data-state | "open", "closed" | Presente en Item; refleja estado expandido |
data-expanded | "true", "false" | Presente en Trigger; espejo del estado expandido |
data-disabled | "" o ausente | Presente cuando el elemento está deshabilitado |
Contrato de accesibilidad
Teclado
- ArrowDown
- Mueve el enfoque al disparador del siguiente elemento.
- ArrowUp
- Mueve el enfoque al disparador del elemento anterior.
- Home
- Mueve el enfoque al disparador del primer elemento.
- End
- Mueve el enfoque al disparador del último elemento.
- Space or Enter
- Alterna el estado expandido del elemento enfocado.
- Tab
- Mueve el enfoque fuera del grupo de disparadores del acordeón.
Foco
- El enfoque se confina a los disparadores dentro del grupo de disparadores del acordeón.
- Después de abrir o cerrar un elemento, el enfoque permanece en el disparador.
Semántica
- Root se renderiza como un grupo de elementos de acordeón.
- Trigger tiene role button y controla el estado expandido de su elemento.
- Content tiene role region y está oculto para tecnología de asistencia cuando está colapsado.
ARIA
- Trigger tiene aria-expanded reflejando el estado abierto/cerrado de su elemento.
- Trigger tiene aria-controls apuntando al id de su elemento de contenido.
- Content tiene aria-labelledby apuntando al id de su elemento disparador.
Responsabilidades del consumidor
- Proporcionar una etiqueta única y descriptiva para cada Trigger.
- Asegurar que Content sea significativo cuando sea anunciado por tecnología de asistencia.
- Usar collapsible para acordeones donde ningún elemento necesita permanecer permanentemente abierto.
Estado de revisión: Borrador — aún no revisado
Este contrato describe lo que garantiza la primitiva. Los productos que la consumen siguen siendo responsables de las etiquetas, el diseño y las decisiones de flujo que afectan el resultado final de accesibilidad.
Evidencia automatizada
Resumen del análisis axe
- Comprobaciones superadas
- 8
- Infracciones
- 0
- Incompletas
- 0
Último análisis ejecutado: 13 ago 2026, 22:47
Identificadores de evidencia: axe-accordion-scan-v1
Las comprobaciones automatizadas solo cubren el escenario registrado y no establecen una conformidad de accesibilidad completa.