Understanding WCAG 2.0

Skip to Content (Press Enter)

G145: Biztosítani, hogy a kontrasztarány a szöveg (illetve a képként reprezentált szöveg) és szöveg háttére között legalább 3:1

Alkalmazhatóság

Bármelyik vizuális kimenetet biztosító technológia.

Jelen technika vonatkozik a(z):

Leírás

Jelen technika célja annak biztosítása, hogy a felhasználók el tudják olvasni a háttérrel megjelenített szöveget. Jelen technika enyhíti a 4.5:1 kontrasztarányú követelményt annál a szövegnél, amely legalább 18 pont nagyságú (amennyiben nem félkövér), és legalább 14 pont nagyságú (amennyiben félkövér).

Amennyiben a háttér egyszínű (de lehet akár teljesen fekete vagy teljesen fehér is), akkor a nagyméretű szöveg kontrasztaránya a szöveg összes betűjének és a háttérnek 3:1-es kontrasztarányával tartható fenn.

Amennyiben a háttér vagy a betűk relatív fénysűrűsége különbözik (vagy mintás), akkor a betűk körüli háttért olyan módon lehet kiválasztani vagy árnyékolni, hogy a betűk a mögöttük található háttérrel fenntartják a 3:1-es kontrasztarányt, még abban az esetben is, ha a teljes háttérrel szemben nem teljesül ez a kontrasztarány.

A kontrasztarány néhány esetben fenntartható a betűk relatív fénysűrűségének megváltoztatásával, ahogy a háttér relatív fénysűrűsége változik az oldalon.

Másik módszer olyan fénykorona létrehozása a szöveg körül, amely biztosítja a szükséges kontrasztarányt, amennyiben alapesetben a háttérkép vagy a szín nem különbözik eléggé a relatív fénysűrűség tekintetében.

Példák

Források

(nincs jelenleg felsorolt)

Ellenőrzések

Folyamat
  1. A képlet használatával, mérje meg minden betű relatív fénysűrűségét (amennyiben a betűk nem egységesek):

    • L = 0.2126 * R + 0.7152 * G + 0.0722 * B ahol R, G és B definíciója:

      • ha RsRGB <= 0.03928 akkor R = RsRGB/12.92 különben R = ((RsRGB+0.055)/1.055) ^ 2.4

      • ha GsRGB <= 0.03928 akkor G = GsRGB/12.92 különben G = ((GsRGB+0.055)/1.055) ^ 2.4

      • ha BsRGB <= 0.03928 akkor B = BsRGB/12.92 különben B = ((BsRGB+0.055)/1.055) ^ 2.4

      és RsRGB, GsRGB, és BsRGB definíciója:

      • RsRGB = R8bit/255

      • GsRGB = G8bit/255

      • BsRGB = B8bit/255

      A "^" karakter a hatványozást jelenti.

    Megjegyzés: Az élsimított betűkhöz használja a betű szélétől két képpont távolságban található relatív fénysűrűségi értéket.

  2. Ugyanannak a képletnek a használatával, mérje meg közvetlenül a betű melletti háttér képpontjainak relatív fénysűrűségét.

  3. Az alábbi képlet használatával számítsa ki a kontrasztarányt.

  4. Ellenőrizze, hogy a kontrasztarány a 3:1 értékkel megegyezik, vagy annál nagyobb

Várható eredmények
  • A #4 teljesül


Teljesítési feltételek: