Skilningur á WCAG 2.1 / 2.2 reglum um birtuskil
Aðgengi á vefnum byggist að miklu leyti á því að texti og myndrænir þættir séu læsilegir öllum notendum, þar með töldum þeim sem hafa skerta sjón. WCAG 2.1 / 2.2 staðlarnir skilgreina nákvæmar kröfur um birtuskilahutfall á milli texta og bakgrunns til að tryggja þetta læsi. Birtuskilahutfallið er reiknað út frá ljósleika litanna tveggja og nær frá 1:1, sem þýðir að engin birtuskil eru til staðar (til dæmis hvítur texti á hvítum bakgrunni), upp í 21:1, sem gefur mestu mögulegu birtuskil (svartur texti á hvítum bakgrunni).
Þegar tól eins og Birtuskilamælirinn er notað, eru upphafslitirnir stilltir á #4f46e5 sem textalit og #ffffff sem bakgrunnslit, sem gefur birtuskilahutfallið 6.29:1. Þessi útreikningur fylgir opinberri formúlu WCAG 2.1 / 2.2, sem enn í dag er gildandi lágmarkskrafa við hönnun og úttektir á stafrænu aðgengi.
Munurinn á AA og AAA aðgengisstigum
WCAG staðallinn skiptir kröfum sínum í mismunandi stig eftir því hversu strangar þær eru, þar sem AA og AAA eru helstu viðmiðin fyrir texta:
- AA-stig: Þetta er almenna lágmarkið sem flestar vefsíður og opinberar stofnanir stefna að og verða að uppfylla. Fyrir venjulegan texta krefst þetta stig þess að birtuskilahutfallið sé að minnsta kosti 4.5:1. Fyrir stóran texta er krafan vægari, eða að lágmarki 3:1.
- AAA-stig: Þetta er strangasta stig aðgengis og veitir hámarks læsileika. Til að ná þessu stigi þarf venjulegur texti að hafa birtuskilahutfallið 7:1 eða hærra. Stór texti verður að ná að minnsta kosti 4.5:1 í birtuskilum.
Venjulegur texti á móti stórum texta
Í reglum um aðgengi er gerður greinarmunur á textastærðum vegna þess að stærri og feitari leturgerðir eru auðveldari í lestri, jafnvel þótt birtuskilin á milli þeirra og bakgrunnsins séu minni. Skilgreiningarnar á þessum tveimur flokkum eru eftirfarandi:
| Textaflokkur | Skilgreining á stærð | Lágmarkshlutfall AA | Lágmarkshlutfall AAA |
|---|---|---|---|
| Venjulegur texti | Allur texti undir 18pt (u.þ.b. 24px) eða undir 14pt (u.þ.b. 18.5px) ef hann er feitletraður. | 4.5:1 | 7:1 |
| Stór texti | Texti sem er 18pt (u.þ.b. 24px) eða stærri, eða 14pt (u.þ.b. 18.5px) og feitletraður. | 3:1 | 4.5:1 |
Birtuskil fyrir viðmótshluta og grafík
Aðgengi snýst ekki eingöngu um lesmál; gagnvirkir viðmótshlutir og mikilvæg grafík þurfa einnig að vera sýnileg. Í WCAG 2.1 / 2.2 reglunum er gerð krafa um að gagnvirkir þættir (eins og ramma utan um innsláttarreiti eða táknmyndir) hafi nægilega skerpu gagnvart aðliggjandi litum.
Fyrir þennan flokk gildir einungis ein lágmarkskrafa sem er 3:1. Ólíkt texta er enginn greinarmunur gerður á AA og AAA stigum fyrir viðmótshluta og grafík; niðurstaðan sýnir einfaldlega eitt gildi sem annaðhvort stenst eða fellur.
Notkun litsniða og virkni tólsins
Birtuskilamælirinn styður algengustu litsniðin sem hönnuðir, forritarar og efnisstjórar nota daglega við vefsmíðar:
- Hex-gildi: Til dæmis
#1a1a1aeða#ffffff. - rgb()-gildi: Til dæmis
rgb(26, 26, 26). - hsl()-gildi: Litagildi byggð á litatóni, mettun og ljósleika.
Tólið býður upp á víxlhnapp sem gerir notendum kleift að skipta fljótt á milli textalitar og bakgrunnslitar. Ef slegið er inn ógilt gildi í reitina birtast viðeigandi villuskilaboð. Ef textaliturinn er ógildur birtast skilaboðin: "Sláðu inn gildan textalit, eins og #1a1a1a eða rgb(26, 26, 26).". Ef bakgrunnsliturinn er ógildur birtast skilaboðin: "Sláðu inn gildan bakgrunnslit, eins og #ffffff eða rgb(255, 255, 255).".
Þegar gild litapör eru mæld gefur tólið skýra niðurstöðu um hæsta stig sem næst:
- "Stenst AA og AAA fyrir venjulegan texta."
- "Stenst AA fyrir venjulegan texta."
- "Stenst AA eingöngu fyrir stóran texta."
- "Undir AA-lágmarki — auka þarf birtuskil."
Öryggi og vinnsla gagna
Þegar þú notar þennan mæli þarftu ekki að hafa áhyggjur af gagnaflutningi. Hver athugun keyrir í vafranum þínum. Engu sem þú slærð inn er hlaðið upp á BroBroGo. Öll útreikningsvinnsla á sér stað staðbundið á þínu tæki.
Algengar spurningar
Hvað þýða AA- og AAA-niðurstöðurnar?
AA er það stig sem flestar vefsíður stefna að: það krefst hlutfallsins 4.5:1 fyrir venjulegan texta og 3:1 fyrir stóran texta. AAA er strangara — 7:1 fyrir venjulegan texta og 4.5:1 fyrir stóran texta. Hlutfallið nær frá 1:1 (engin birtuskil) upp í 21:1 (svart á hvítu).
Hvað telst vera stór texti?
Texti sem er 18pt (u.þ.b. 24px) eða stærri, eða 14pt (u.þ.b. 18.5px) ef hann er feitletraður. Stærri texti helst læsilegri við minni birtuskil, svo hann stenst AA við 3:1 og AAA við 4.5:1 í stað strangari krafna fyrir venjulegan texta.
Hvaða litsnið get ég slegið inn?
Þú getur slegið inn hex-gildi eins og #1a1a1a, rgb()-gildi eins og rgb(26, 26, 26), eða hsl()-gildi — eða smellt á litaprufu til að velja lit. Notaðu víxlhnappinn til að skipta á milli texta- og bakgrunnslita.
Er þetta WCAG 2 eða nýja APCA-aðferðin?
Þetta tól notar WCAG 2.1 / 2.2 formúluna, sem er sú formúla sem aðgengisreglur og úttektir styðjast við í dag. APCA er nýrri aðferð sem byggir meira á skynjun og er enn í mótun fyrir WCAG 3 — hún lofar góðu en er ekki orðin gildandi staðall, svo niðurstöðurnar hér styðjast ekki við hana.