Icke-text-kontrast

Vad kriteriet kräver

Visuella indikatorer för UI-komponenter (knappar, input-borders, fokus-rings) och betydelsefulla grafiska objekt ska ha kontrastvärde minst 3:1 mot intilliggande färger.

Hur Granska kontrollerar

Vi mäter kontrast på buttoner, input-borders, checkboxes, radio-buttons, focus-rings och grafiska element.

Vanliga felmönster

• Input-border i ljusgrå (#e0e0e0) på vit bakgrund
• Disabled-knappar utan visuell distinktion
• Focus-ring i pastellfärg

Kodfix-exempel (CSS)

Granska genererar liknande fixar anpassade per stack. Det här är ett representativt exempel.

input, select, textarea {
  border: 1px solid #767676; /* 4.54:1 mot vit */
}

button:focus-visible {
  outline: 2px solid #0066cc;
  outline-offset: 2px;
}