Skip to content
FuncionalidadesPreciosAfiliadosBlogAyudaNosotrosContacto
ComenzarIniciar sesión
Volver al Blog
guides2027-01-135 min de lectura

Diseno de menus accesibles para comensales daltonicos

El 8% de los hombres es daltonico. La codificacion doble subio la puntuacion de auditoria de 78 a 96 sobre 100.

th

thMenu Team

thmenu.com

Un local de 18 mesas en Ankara Etlik noto que un comensal no podia identificar los platos con la insignia "nuevo" — la insignia y la etiqueta de precio aparecian en el mismo tono gris en su telefono. El daltonismo afecta a cerca del 4% de la poblacion mundial: 8% de los hombres, 0,5% de las mujeres.

Tipos de daltonismo

La forma mas comun es la deuteranopia (ceguera al verde): rojo y verde se funden en un tono fangoso. La protanopia y la rara tritanopia (azul-amarillo) generan colisiones similares.

Pruebe su menu con Adobe Color Blind Simulator o Coblis. En el caso de Ankara, ningun cliente distinguia "nuevo" (verde) de "popular" (rojo) — la auditoria llevaba meses bloqueada en 78/100.

Codificacion doble

WCAG 2.1 criterio 1.4.1 es explicito: el color no puede ser el unico portador de informacion. Solucion: emparejar cada insignia coloreada con una senal secundaria.

  • Agregar icono: estrella para "nuevo", hoja para "vegano".
  • Agregar texto: estampar "NEW", "POP" o "PICANTE" directamente.
  • Variar la forma: pildora vs cuadrado vs triangulo.

Contraste y emparejamientos

WCAG AAA exige contraste minimo 7:1; AA exige 4,5:1. Lighthouse genera reporte automatico por pagina. Despues del doble-codigo el puntaje subio a 96/100 — bono: comensales mayores tambien elogiaron la legibilidad.

FAQ

Que tan comun es? 8% hombres, 0,5% mujeres. 4-8 de cada 100 clientes diarios.

Adobe Simulator como? Photoshop View > Proof Setup > Color Blindness.

thMenu soporta doble-codigo? Si, color, icono y etiqueta opcional.

¿Te resultó útil? Compártelo.