Saltar al contenido principal

Accesibilidad

Los mapas solo informativos exponen una imagen SVG etiquetada; sus paths internos se ocultan del árbol de accesibilidad y no entran al orden de Tab.

Al entregar onClick, el SVG se presenta como un grupo etiquetado y las unidades se comportan como botones con:

  • un único punto de Tab por mapa;
  • navegación circular con flechas;
  • Home y End;
  • activación con Enter y Espacio;
  • aria-pressed para selección controlada;
  • resaltado visible de foco; y
  • tooltips activados por foco.

Describa el propósito del mapa en ariaLabel, no solo su geografía:

<ChileMap
topology={topology}
ariaLabel="Tasa regional de desempleo en Chile, 2026"
onClick={abrirDetalleRegion}
/>

No comunique información solo con color. Incluya leyenda, título, unidades, fuente y, cuando corresponda, una tabla o resumen accesible.