Milyen színkontrasztnak kell lennie a weboldalamnak?

A normál szöveg 4,5:1 arányú kontrasztot igényel, a nagyobb szöveg 3:1 arányt

A webhelyen szereplő szöveg nagy része esetében a szövegszín és a háttérszín között legalább 4,5 : 1 arányú kontrasztra van szükség. A nagyobb szöveg — körülbelül 18 ponttól, illetve 14 ponttól félkövér szöveg esetén — elegendő a 3 : 1 arányú kontraszt. Ugyanez a 3 : 1 arányú alsó határ vonatkozik a felhasználói felület összetevőire, például egy beviteli mező vagy gomb szélére, valamint az olyan grafikus elemekre is, amelyek szükségesek valaminek a megértéséhez, például egy feliratnélküli ikon.

Ez a követelmény nem vonatkozik mindenre. A logóban szereplő szöveg, a tisztán dekoratív szöveg, amely nem hordoz jelentést, és a fotón véletlen módon megjelenő, funkcióval nem rendelkező szöveg alól kivétel vonatkozik. Az olyan vezérlőelem sem szükséges, hogy megfeleljen a szabványnak, amely le van tiltva — egy olyan szürke gomb, amely abban az időpontban nem kattintható. Az automatikus vizsgálat jó a kontrasztviszonyok mérésére és a szabványhoz való viszonyítására, azonban ezeknek a kivételeknek az értékelése — dekoratív-e ez az ikon, tartozik-e ez a szöveg egy logóhoz — emberi szemléletet igényel, és pontosan ez az a rész, amelyet a vizsgálat nem fed le.

Ez a WCAG 2.1-ben, az 1.4.3. és 1.4.11. sikerességi kritériumban található

Ezek a követelmények közvetlenül a WCAG 2.1-ből származnak, amely az EN 301 549 gyakorlati alapjául szolgáló értékelési keretrendszer. Az 1.4.3. sikerességi kritérium (Contrast (Minimum)) a normál szövegre 4,5 : 1, a nagyobb szövegre 3 : 1 arányban határozza meg a korlátot. Az 1.4.11. sikerességi kritérium (Contrast of Non-text Content) ugyanezt a 3 : 1 arányú alsó határt állítja fel a felhasználói felület összetevőire és azokra a grafikus objektumokra, amelyek szükségesek a funkciójuk megértéséhez. Mindkét kritérium az AA szinthez tartozik, amely a rendelet követelménye.