Diseno

Sistemas de contraste accesible para productos reales

Dmitriy Hulak
Dmitriy Hulak
5 min de lectura0 vistas

Sistemas de contraste accesible para productos reales

El contraste accesible no se deberia revisar al final. Se deberia diseñar como sistema desde el inicio.

Modelo util

  • definir niveles semanticos de texto;
  • vincular cada nivel a superficies aprobadas;
  • validar hover, active, disabled y focus.

Cierre

Cuando el contraste forma parte del sistema, la accesibilidad deja de depender de revisiones tardias y el producto gana mucha mas consistencia visual.

Publicaciones relacionadas

Sigue leyendo sobre temas relacionados.

Como construir una paleta de color solida para tu design systemAprende a crear una paleta de color coherente, accesible y escalable que funcione en light y dark mode, con consejos practicos y ejemplos reales.Theming basado en tokens para light y dark modeComo diseñar un sistema escalable de tokens de color para light y dark mode con contraste predecible y mapping mantenible en componentes.WCAG en la realidad desordenada del frontend: lo que los equipos pasan por alto despues de la auditoriaUn material practico y extenso sobre WCAG en productos reales: no teoria abstracta, sino pequenas decisiones de interfaz que rompen la accesibilidad despues de la presion de sprints, reescrituras y crecimiento del contenido.Duotone CSS gradients para interfaces modernasComo construir gradients duotono limpios para dashboards, landings y cards de producto con buen contraste y theming sencillo.

Comments

0

Sign in to leave a comment.

No comments yet. Be the first.