Contraste
- El texto tiene un contraste de 4,5:1 o más con su fondo.
- El texto grande (24 px o más, o 18,66 px en negrita) y los componentes de interfaz (bordes de campos, el anillo de foco) tienen 3:1 o más.
- Cada par de tokens de texto y fondo está declarado en
tokens/contrast-pairs.jsony CI lo calcula en oscuro y en Arcade claro. Un neón o un estado nuevo entra solo a la revisión.
El neón nunca va solo
Un estado nunca se comunica solo con color: va con texto o con un ícono de forma propia. «EN LÍNEA · santiago · 18 ms» con el ícono del túnel en línea, no un punto verde.
Qué hacer
- Usa los tokens semánticos:
--pp-color-fg-defaultsobre--pp-color-bg-defaulto--pp-color-bg-surface. - No pongas texto sobre la cuadrícula de fondo ni sobre imágenes sin una superficie detrás.