Ŝablono:Kolorkontrasta rilatumo
[antaŭrigardi] [redakti] [historio] [renovigi]
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
Ekzemploj kun hela fono
| Teksto 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
| Teksto 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
Kiel 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.
| Se vi havas demandon pri ĉi tiu ŝablono, tiam vi povas demandi en la ŝablonprojekta diskutejo. La Intervikiaj ligiloj estu metataj al Vikidatumoj. (Vidu Helpopaĝon pri tio.) |
|
|