Предлошка:Сооднос на контраст

Документација за предлошка

Оваа предлошка го враќа соодносот на контраст на боите помеѓу двете наведени бои. Прифаќа два параметри, кои можат да бидат стандарден хексадецимален RGB-код (#RRGGBB) или стандардно HTML име на боја (на пр. "orange" = #FFA500). Имињата на боите и хексадецималните букви не се чувствителни на големината на буквите (т.е. можат да бидат и големи и мали).

Употреба

Примери со светла заднина

Боја на текст	Боја на заднина	Примерок	Код	Сооднос на контраст	WCAG 2.0 соодв.
#000000	#FFFFFF	Примерок	{{Сооднос на контраст|#000000|#FFFFFF}}	21	AAA
#000080	#DDDDDD	Примерок	{{Сооднос на контраст|#000080|#DDDDDD}}	11.787	AAA
#7B0000	#FF9900	Примерок	{{Сооднос на контраст|#7B0000|#FF9900}}	5.324	AA
#004800	#AAAAAA	Примерок	{{Сооднос на контраст|#004800|#AAAAAA}}	4.691	AA
red	white	Примерок	{{Сооднос на контраст|red|white}}	3.998	Не
#FF0000	#FF9999	Примерок	{{Сооднос на контраст|#FF0000|#FF9999}}	1.955	Не

Примери со темна заднина

Боја на текст	Боја на заднина	Примерок	Код	Сооднос на контраст	WCAG 2.0 соодв.
#BADFEE	black	Примерок	{{Сооднос на контраст|#BaDFeE|BlAcK}}	14.878	AAA
red	black	Примерок	{{Сооднос на контраст|red|black}}	5.252	AA
#FFFF00	#00FFFF	Примерок	{{Сооднос на контраст|#FFFF00|#00FFFF}}	1.168	Не

WCAG 2.0

Како водич за избор на бои за текст и заднина, Упатствата за достапност на веб-содржини 2.0 (насока 1.4) ги класифицираат соодносите на контраст за обичен текст на следниов начин:

WCAG 2.0 соодноси на контраст за текст

Големина на фонт	Не е во согласност	Ниво AA	Ниво AAA
Нормален	< 4.5	4.5 до 7.0	> 7.0
Голем (18 pt или 14 pt задебелен)	< 3.0	3.0 до 4.5	> 4.5

Нормалниот вики-текст во вообичаените прелистувачи се прикажува со големина од приближно 9,5 до 10,5 pt (12,5 до 14 px), во зависност од изгледот (skin). Текстот би требало да биде околу 180 % зголемен или 140 % задебелен за да се квалификува како „голем“ за потребите на WCAG.

Поврзано

• Colour Contrast Check — проверка на контраст