Ŝ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).

Ekzemploj kun hela fono

redakti
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

redakti
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

redakti

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:

WCAG 2.0 tekstokontrastaj rilatumoj
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.