Ŝablono:Kolorkontrasta rilatumo/dokumentado
Ĉi tiu ŝablono redonas la kolorkontrastan rilatumon inter la du donitaj koloroj. Ĝi akceptas du parametrojn, kiuj povas esti norma RGB-a hex-kolora kodo (#RRGGBB
) aŭ norma HTML-koloro aŭ CSS "orange" (= #FFA500
). Kolornomoj kaj hex-literoj estas uskleco-nedistingaj (t.e. ili povas esti majusklaj aŭ minusklaj).
Uzado
redaktiEkzemploj kun hela fono
redaktiTeksto koloro |
Fon koloro |
Specimeno | Kodo | Kontrasta rilatumo |
WCAG 2.0 konf. |
---|---|---|---|---|---|
#000000 | #FFFFFF | Specimeno | {{Kolorkontrasta rilatumo|#000000|#FFFFFF}} | 21 | AAA |
#000080 | #DDDDDD | Specimeno | {{Kolorkontrasta rilatumo|#000080|#DDDDDD}} | 11.787 | AAA |
#7B0000 | #FF9900 | Specimeno | {{Kolorkontrasta rilatumo|#7B0000|#FF9900}} | 5.324 | AA |
#004800 | #AAAAAA | Specimeno | {{Kolorkontrasta rilatumo|#004800|#AAAAAA}} | 4.691 | AA |
red | white | Specimeno | {{Kolorkontrasta rilatumo|red|white}} | 3.998 | Ne |
#FF0000 | #FF9999 | Specimeno | {{Kolorkontrasta rilatumo|#FF0000|#FF9999}} | 1.955 | Ne |
Ekzemploj kun malhela fono
redaktiTeksto koloro |
Fono koloro |
Specimeno | Kodo | Kontrasta rilatumo |
WCAG 2.0 konf. |
---|---|---|---|---|---|
#BADFEE | black | Sample | {{Kolorkontrasta rilatumo|#BaDFeE|BlAcK}} | 14.878 | AAA |
red | black | Sample | {{Kolorkontrasta rilatumo|red|black}} | 5.252 | AA |
#FFFF00 | #00FFFF | Sample | {{Kolorkontrasta rilatumo|#FFFF00|#00FFFF}} | 1.168 | Ne |
WCAG 2.0
redaktiKiel gvido por elekti malfonan kaj fonan kolorojn por teksto, la Web Content Accessibility Guidelines 2.0 (guideline 1.4) klasifikas kontrastajn rilatumojn por ordinara teksto jene:
Tipara grando | Ne komformema | Nivelo AA | Nivelo AAA |
---|---|---|---|
Normala | < 4.5 | 4.5 ĝis 7.0 | > 7.0 |
Granda (18 pt aŭ 14 pt bold) | < 3.0 | 3.0 ĝis 4.5 | > 4.5 |
Normala viki-teksto estas bildigata de kutimaj foliumiloj ĉe proksimume 9.5 ĝis 10.5 pt (12.5 ĝis 14 px), depende de etoso. Teksto estu ĉirkaŭ 180% aŭ 140% grasa por validi kiel "Large" por WCAG celoj.