# Accesibilidad > Lo que garantiza el paquete y lo que le queda a la app. Es parte del contrato del paquete, no un extra. Lo que sigue es lo que el paquete **garantiza** y lo que le queda a la app. ## Lo que garantiza el paquete ### Contraste El texto sobre el acento llega a AA 4,5:1 en claro y en oscuro. No es una revisión a ojo: un test recalcula el ratio desde OKLCH para cada marca de ejemplo y falla si una no da. La escala de grises también está medida. En oscuro, sobre la superficie `#0a0a0a`: | Texto | Ratio | |---|---| | `gray-1000` `#ededed` (cuerpo) | 16,91:1 | | `gray-900` `#a0a0a0` (secundario) | 7,57:1 | | `gray-800` `#7d7d7d` (el más tenue que se usa como texto) | 4,81:1 | `gray-700` y abajo no son colores de texto: son bordes y placeholders. ### Foco visible siempre Ningún componente saca el anillo de foco. `focus-visible:focus-ring` en los controles, `focus:focus-border` en los campos, y el anillo usa `brand-700`. El reset también define un `:focus-visible` por defecto para todo lo que no sea del paquete, así que un `` suelto de la app tampoco queda sin foco. ### Semántica antes que estilo | Componente | Qué emite | |---|---| | `NavigationMenu` | `