Understanding WCAG 2.0

Skip to Content (Press Enter)

G18: Biztosítani, hogy a kontrasztarány a szöveg (és a képként reprezentált szöveg), illetve a szöveg mögötti háttér között legalább 4.5:1

Alkalmazhatóság

Bármilyen vizuális kimenetet előállí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ér előtt megjelenített szöveget. Az 1.4.3 Teljesítési feltétel megvalósításához jelen technika leírja a minimum kontrasztarányt ahhoz a szöveghez, amely 18 pontnál kisebb és nem félkövér, illetve 14 pontnál kisebb és félkövér. Az 1.4.5 Teljesítési feltétel megvalósításához, jelen technika enyhít a 7:1 kontrasztarányú követelményen olyan szövegek esetében ahol a betűméret legalább 18 pont nagyságú és nem félkövér, illetve legalább 14 pont nagyságú és félkövér.

Amennyiben a háttér egyszínű (de lehet akár teljesen fekete vagy teljesen fehér is), akkor a szöveg kontrasztaránya annak biztosításával tartható fenn, hogy a szöveg összes betűjének és a háttérnek 4.5:1 a kontrasztaránya.

Amennyiben a háttér vagy a betűk relatív fénysűrűsége különböző (vagy mintásak), 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 megtartják a 4.5:1 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 a teljes oldalon.

Másik módszer egy olyan fénykorona létrehozása a szöveg körül, amely biztosítja a szükséges kontrasztarányt, amennyiben a háttérkép vagy a szín alapesetben 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: A simí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ég é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 4.5:1 értékkel megegyezik, vagy annál nagyobb

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


Teljesítési feltételek: