Skip to main content

Aðgengi fyrir efnishöfunda: Ritun og framleiðsla inngildandi efnis

Aðgengi byrjar ekki við hönnun og endar við kóða. Efnishöfundar — rithöfundar, ritstjórar, markaðsfólk og margmiðlunaframleiðendur — hafa bein og veruleg áhrif á hvort stafrænt efni sé nothæft öllum. Orðin sem þú velur, uppbyggingin sem þú skapar, myndirnar sem þú lýsir og miðlarnir sem þú framleiðir ráða öll upplifun notenda með fötlun.

Góðu fréttirnar eru þær að aðgengileg ritun er að mestu um góða ritun. Skýrt, uppbyggt, lýsandi efni kemur öllum notendum til góða, ekki bara þeim sem nota hjálpartækni.

Ritun á skýru máli

Skýr, bein ritun er aðgengiskrafa, ekki bara stílval. Notendur með vitsmunaskerðingar, námsörðugleika eins og lesblindu, óinnfæddir málnotendur og notendur sem eru einfaldlega uppteknir eða annálir njóta allir góðs af efni sem er auðvelt að skilja.

Skrifaðu í stuttum setningum með virkri rödd. Notaðu algeng orð frekar en hrognamál eða tæknihugtök — og þegar sérhæfð hugtök eru nauðsynleg skaltu útskýra þau. Skiptu löngum textaköflum í styttri málsgreinar með lýsandi undirfyrirsögnum. Notaðu lista þegar fleiri atriði eða skref eru kynnt. Forðastu orðatiltæki, myndlíkingar og menningarbundin tilvísanir sem er ekki víst að þýðist vel.

WCAG krefst þess að efni sé eins læsilegt og hægt er, og á stigi AAA, að viðbótarefni eða önnur útgáfa sé veitt þegar texti krefst leshæfni umfram grunnskólastig.

Varatexti fyrir myndir

Varatexti er ein mikilvægasta ábyrgð efnishöfundar. Sérhver mynd sem miðlar upplýsingum þarfnast textavalkosts sem miðlar sömu upplýsingum til notenda sem geta ekki séð myndina. Skjálesarar lesa alt-textann upphátt og hann birtist þegar myndir ná ekki að hlaðast.

Að skrifa góðan alt-texta snýst um að miðla tilgangi, ekki bara útliti. Spurðu sjálfan þig: hvaða upplýsingar miðlar þessi mynd sem notandi þarf að vita? Ljósmynd af teymi á fundi gæti þurft alt-texta eins og „Teymi vinnur saman að verkáætlunum við ráðstefnuborð" frekar en „photo.jpg" eða óljóst „teymismynd."

Mismunandi tegundir mynda þurfa mismunandi nálganir:

Upplýsingamyndir sem miðla efni þurfa lýsandi alt-texta sem miðlar upplýsingunum. Haltu honum hnitmiðuðum — venjulega undir 125 stöfum — en tryggðu að nauðsynlegar upplýsingar séu til staðar.

Virknimyndir eins og tákn sem notuð eru sem hnappar þurfa alt-texta sem lýsir virkninnin, ekki útlitinu. Stækkunarglerstákn í leitarhnapp ætti að hafa alt-texta „Leita," ekki „stækkunargler."

Skreytingarmyndir sem bæta sjónrænum áhuga en engum upplýsingum ættu að hafa tóman alt-texta (alt="") svo skjálesarar sleppi þeim alveg. Veggfóturmyndir notaðar eingöngu í fagurfræðilegum tilgangi falla oft í þennan flokk.

Flóknar myndir eins og töflur, línurit, upplýsingagrafík eða skýringarmyndir þurfa meira en stuttan alt-eigind. Gefðu stuttan alt-texta sem auðkennir myndina og gefðu síðan ítarlega lýsingu í nágrenninu — annaðhvort sem sýnilegan texta, myndatexta eða tengda langa lýsingu.

Hlekkjatexti

Hlekkir ættu að vera skynsamlegir utan samhengis. Skjálesaranotendur leita oft eftir lista yfir alla hlekki á síðu. Ef sérhver hlekkur segir „Lesa meira" eða „Smelltu hér" er sá listi gagnslaus.

Skrifaðu hlekkjatexta sem lýsir hvert hlekkurinn leiðir eða hvað hann gerir. Í stað þess að skrifa „Smelltu hér til að hlaða niður aðgengisleiðbeiningunni okkar," skrifaðu „Hlaðið niður aðgengisleiðbeiningunni okkar." Í stað „Lesa meira," skrifaðu „Lesa meira um WCAG samræmisstig."

Notaðu aldrei hrátt URL sem hlekkjatexta nema URL-ið sjálft sé upplýsingarnar sem verið er að miðla. URL-slóðir er erfitt að lesa upphátt og enn erfiðara að skilja þegar þær eru heyrðar.

Fyrirsagnir og uppbygging

Notaðu fyrirsagnir til að búa til merkingarbært stigveldi efnis, ekki til sjónrænnar stílfæringar. Skjálesaranotendur fletta eftir fyrirsögnum til að skanna efni og hoppa á hluta sem vekja áhuga. Fyrirsagnir verða að fylgja rökréttri röð — H1 fyrir titil síðu, H2 fyrir meginkafla, H3 fyrir undirkafla innan þeirra kafla — án þess að sleppa stigum.

Sérhver síða ætti að hafa nákvæmlega eitt H1. Undirfyrirsagnir ættu að vera nógu lýsandi til að notandi geti skilið efni hlutans eingöngu af fyrirsögninni.

Töflur

Notaðu töflur fyrir töfluleg gögn — upplýsingar sem hafa merkingarbær sambönd milli raða og dálka. Notaðu aldrei töflur til sjónræns skipulags. Þegar þú notar töflur skaltu hafa rétta hausdálkareiti með <th> þáttum með scope eigindum sem gefa til kynna hvort þeir séu raðahausar eða dálkahausar. Fyrir flóknar töflur með mörgum stigum hausa skaltu nota id og headers eigindi til að tengja gagnahólf sérstaklega við hausdálka þeirra.

Gefðu myndatexta eða samantekt sem lýsir tilgangi töflunnar, sérstaklega fyrir flóknar gagnatöflur.

Listar

Þegar þú birtir hóp tengdra atriða skaltu nota raunverulega HTML-lista — raðaða lista (<ol>) fyrir röðuð atriði og óraðaða lista (<ul>) fyrir óröðuð atriði. Búðu ekki til gervilista með línuskilum og bandstrikum eða punktastöfum. Rétt listamerking segir skjálesurum hversu mörg atriði eru í listanum og hvar notandinn er innan hans.

Mynd- og hljóðefni

Margmiðlunarefni hefur sértækar aðgengiskröfur:

Texti verður að vera til staðar fyrir allt forinnspilað myndefni með hljóði. Texti verður að innihalda allan talaðan samræðu, auðkenna hver talar þegar það er ekki sjónrænt augljóst og innihalda merkingarbær hljóðáhrif. Texti ætti að vera samstilltur hljóðinu og tiltækur sem lokaður texti sem notendur geta kveikt og slökkt á.

Umritanir verða að vera veittar fyrir forinnspilað eingöngu-hljóðefni eins og hlaðvörp. Umritanir ættu að innihalda allt talað efni, auðkenna ræðumenn og lýsa viðeigandi ótöluðum hljóðum.

Hljóðlýsingar verða að vera veittar fyrir forinnspilað myndefni þar sem mikilvægar sjónrænar upplýsingar eru ekki miðlaðar í gegnum hljóðrásina. Hljóðlýsingar segja frá mikilvægum sjónrænum þáttum — aðgerðum, senuskiptum, texta á skjá — á náttúrulegum hléum í samræðu.

Sjálfspilun hljóðs verður að vera forðanleg. Ef hljóð spilar sjálfkrafa í meira en þrjár sekúndur skaltu gefa leið til að stöðva, stoppa eða stjórna hljóðstyrknum óháð kerfishljóðstyrknum.

Aðgengileg skjöl

PDF-skjöl og önnur niðurhlaðanleg skjöl verða einnig að vera aðgengileg. Þetta þýðir að þau þurfa rétta merkjauppbyggingu (fyrirsagnir, lista, töflur), rökrétta lestraröð, varatexta fyrir myndir, skilgreint skjalatungumál og bókamerki til leiðsagnar í lengri skjölum.

Þegar hægt er skaltu veita mikilvægar upplýsingar sem vefefni frekar en sem niðurhlaðanleg skjöl. Vefefni er í eðli sínu sveigjanlegra og auðveldara að gera aðgengilegt en PDF.

Samfélagsmiðlaefni

Aðgengi nær til samfélagsmiðla. Bættu alt-texta við myndir birtar á samfélagsmiðlum — flestir helstu pallar styðja þetta nú. Notaðu CamelCase í myllumerkjum svo skjálesarar geti þáttað þau rétt (t.d. #VefAðgengi frekar en #vefaðgengi). Forðastu að miðla upplýsingum eingöngu í gegnum myndir eða myndefni án textavalkosta.

Skynjunareiginleikar

Gefðu aldrei leiðbeiningar sem reiða sig eingöngu á skynjunareiginleika eins og lögun, lit, stærð, sjónræna staðsetningu, stefnu eða hljóð. Í stað „smelltu á græna hnappinn" eða „sjá hliðarborðann til hægri" skaltu veita viðbótar samhengi: „smelltu á Senda hnappinn" eða „sjá hlutann Tengdar greinar."

Er vefsíðan þín aðgengileg?

Skannaðu vefsíðuna þína ókeypis og fáðu WCAG-einkunn þína á nokkrum mínútum.

Skannaðu síðuna þína ókeypis