A technika célja az, hogy CSS segítségével határozza meg a weblap szegélyeit és elrendezését olyan módon, hogy a szöveg és háttérszínek a felhasználó böngészőjének és/vagy operációs rendszerének beállításai szerint kerüljenek megjelenítésre. Ez lehetővé teszi a felhasználóknak azt, hogy az igényeiknek megfelelő színek jelenjenek meg, míg az elrendezés és a lap kinézete - beleértve a szöveghasábokat, a részek körüli szegélyeket, vagy a menüt és a fő tartalmi részt elválasztó függőleges vonalat - változatlanok maradnak. Bizonyos böngészők esetében ez a technika megakadályozza a Javascript előugró ablakok vagy legördülő menük működését és felülbíráltatja a színeket.

A szegély és weblap elrendezés indikátorai segítségére lehetnek az értelmi fogyatékos felhasználóknak és rugalmasabbá tehetik a szöveg- és háttérszínek kezelését. Bizonyos esetekben ezeknek az igényeknek a kielégítése problémákat okozhatnak. Ez főként akkor fordulhat elő, amikor a felhasználó a böngésző beállításaival felülbírálja a szerkesztő által meghatározott szöveg- és háttérszíneket, illetve akkor, amikor a böngésző eltávolítja a szegélyeket és az elrendezést. Ez azt is jelentheti, hogy a lap egyetlen oszlopban kerül megjelenítésre, egymás alatt elhelyezkedő tartalmi blokkokkal, amely szükségtelen térközöket és hosszú sorokat eredményezhet. Ugyanakkor a felugró ablakok háttere áttetszővé válhat és az ablak szövege rákerülhet az oldal szövegére, míg a legördülő menük szintén átlátszóvá válhatnak, vagy sötétszürke hátteret kaphatnak. Ha a szerkesztő nem határozza meg a szöveg vagy háttér színét, de viszont beállítja a szegélyek és elrendezés színét, akkor bizonyos népszerű böngészőkben a CSS szabályoktól (amiket a szerkesztő határozott meg) függetlenül meg lehet változtatni a szöveg és háttér színeit.

A források csak információs célokat szolgálnak, és csak angolul elérhetőek.

• BBC's Web page with instructions how to change the browser colors in most browsers

• G17: 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 7:1
• 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 t
• 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
• G148: Nincs háttér és szövegszín meghatározás, és nincs olyan technológiai alkalmazás, amely megváltoztatja ezeket az alapértelmezéseket
• G156: Olyan technológia alkalmazása, amelyhez olyan általánosan hozzáférhető felhasználói programok tartoznak, melyek meg tudják változtatni a szövegblokkok elő- és hátterét
• C23: A bannerekhez, navigációs elemekhez és más tulajdonságokhoz tartozó másodlagos tartalmak háttérszíneinek meghatározása CSS-el, a fő tartalom szöveg- és háttérszíneinek beállítása nélkül

Folyamat

1. Nyissa meg a weblapot egy olyan böngészőben, amely lehetővé teszi a felhasználónak a HTML tartalom színeinek megváltoztatását.

2. Változtassa meg az böngészőben eredetileg beállított szöveg-, hivatkozás-, és háttérszíneket.

   Megjegyzés: Ne utasítsa a böngészőt arra, hogy hagyja figyelmen kívül a lapon beállított színeket.

3. Frissítse a lapot és ellenőrizze, hogy az újonnan beállított szöveg-, hivatkozás és háttérszíneket alkalmazza-e.

4. Ellenőrizze, hogy a szegélyek megjelenítésre kerülnek-e, illetve az elrendezés változatlanságát.

Elvárható eredmények

• A 3. és 4. pontok igazak.