Skip to main content

Akadálymentesítés tartalomkészítők számára: Befogadó tartalom írása és készítése

Az akadálymentesítés nem a tervezéssel kezdődik és a kóddal végződik. A tartalomkészítők — szerzők, szerkesztők, marketingesek és multimédia-producerek — közvetlen és jelentős hatással vannak arra, hogy a digitális tartalom mindenki számára használható-e. A választott szavak, a létrehozott struktúra, a leírt képek és a készített média mind meghatározzák a fogyatékossággal élő felhasználók élményét.

A jó hír az, hogy az akadálymentes írás nagyrészt jó írást jelent. A világos, strukturált, leíró tartalom minden felhasználónak előnyös, nem csak azoknak, akik segítő technológiát használnak.

Írjon világos nyelven

A világos, egyértelmű írás akadálymentesítési követelmény, nem csak stílusválasztás. A kognitív fogyatékossággal, tanulási nehézségekkel — például diszlexiával —, nem anyanyelvi beszélőkkel, valamint az elfoglalt vagy figyelmét megosztó felhasználókkal egyaránt könnyebb a jól érthető tartalom.

Írjon rövid mondatokat cselekvő igealakkal. Használjon hétköznapi szavakat szakzsargon vagy technikai terminológia helyett — és ha speciális kifejezésekre van szükség, magyarázza el őket. Bontsa a hosszú szövegeket rövidebb bekezdésekre leíró alcímekkel. Használjon listákat több elem vagy lépés bemutatásakor. Kerülje az idiómákat, metaforákat és kulturálisan specifikus hivatkozásokat, amelyek nem feltétlenül értelmezhetők jól.

A WCAG megköveteli, hogy a tartalom a lehető legolvashatóbb legyen, AAA szinten pedig kiegészítő tartalmat vagy alternatív verziót kell biztosítani, ha a szöveg az alsó középfokú oktatási szintnél fejlettebb olvasási képességet igényel.

Alternatív szöveg képekhez

Az alternatív szöveg az egyik legfontosabb tartalmi felelősség. Minden információt közvetítő képhez szöveges alternatívára van szükség, amely ugyanazt az információt közli a képet nem látó felhasználóknak. A képernyőolvasók felolvassák az alt-szöveget, és az akkor is megjelenik, ha a képek nem töltődnek be.

A jó alt-szöveg írása a cél közvetítéséről szól, nem csak a megjelenésről. Tegye fel a kérdést: milyen információt közvetít ez a kép, amit a felhasználónak tudnia kell?

Informatív képeknél, amelyek tartalmat közvetítenek, leíró alt-szövegre van szükség. Legyen tömör — általában 125 karakter alatt —, de biztosítsa, hogy a lényeges információ jelen legyen.

Funkcionális képeknél, mint a gombként használt ikonok, az alt-szövegnek a funkciót kell leírnia, nem a megjelenést. Egy nagyítóüveg ikon a keresőgombban „Keresés" alt-szöveget kapjon, ne „nagyítóüveg"-et.

Dekoratív képeknél, amelyek vizuális érdekességet adnak, de nem közvetítenek információt, üres alt-szöveget (alt="") kell használni, hogy a képernyőolvasók átugorják őket.

Összetett képeknél, mint diagramok, grafikonok, infografikák vagy ábrák, több kell, mint egy rövid alt-attribútum. Adjon rövid alt-szöveget a kép azonosításához, majd részletes leírást a közelben — akár látható szövegként, feliratként vagy linkelt hosszú leírásként.

Linkkszöveg

A linkeknek kontextuson kívül is értelmesnek kell lenniük. A képernyőolvasó-felhasználók gyakran navigálnak úgy, hogy az oldal összes linkjének listáját hívják elő. Ha minden link azt mondja, hogy „Tovább" vagy „Kattintson ide", az a lista használhatatlan.

Írjon olyan linkkszöveget, amely leírja, hová vezet a link vagy mit tesz. „Kattintson ide az akadálymentesítési útmutató letöltéséhez" helyett írja: „Töltse le az akadálymentesítési útmutatót."

Soha ne használjon nyers URL-t linkkszövegként, hacsak maga az URL nem a közvetítendő információ. Az URL-ek nehezen olvashatók fel és még nehezebben érthetők hallás alapján.

Címsorok és struktúra

Használjon címsorokat értelmes tartalomhierarchia létrehozásához, ne vizuális stílushoz. A képernyőolvasó-felhasználók címsorok alapján navigálnak a tartalom áttekintéséhez és az érdeklődési területekre való ugráshoz. A címsoroknak logikus sorrendet kell követniük — H1 az oldal címéhez, H2 a főbb szakaszokhoz, H3 az azon belüli alszakaszokhoz — szintek kihagyása nélkül.

Minden oldalnak pontosan egy H1-gyel kell rendelkeznie. Az alcímeknek elég leírónak kell lenniük ahhoz, hogy a felhasználó a címsorból megértse a szakasz tartalmát.

Táblázatok

Táblázatokat táblázatos adatokhoz használjon — olyan információkhoz, amelyeknél a sorok és oszlopok között értelmes összefüggések vannak. Soha ne használjon táblázatokat vizuális elrendezéshez. Amikor táblázatokat használ, adjon meg megfelelő fejléccellákat <th> elemekkel és scope attribútumokkal, amelyek jelzik, hogy sorfejlécekről vagy oszlopfejlécekről van-e szó.

Videó és hangtartalom

A multimédiás tartalomra specifikus akadálymentesítési követelmények vonatkoznak:

Feliratok szükségesek minden előre rögzített, hangot tartalmazó videóhoz. A feliratoknak tartalmazniuk kell az összes beszélt párbeszédet, jelölniük kell, ki beszél, ha ez vizuálisan nem nyilvánvaló, és tartalmazniuk kell az értelmes hangeffektusokat.

Átirat szükséges az előre rögzített, csak hangot tartalmazó tartalmakhoz, például podcastokhoz. Az átiratnak tartalmaznia kell az összes elhangzott tartalmat, jelölnie kell a beszélőket, és le kell írnia a releváns nem beszéd hangokat.

Hangos leírás szükséges az előre rögzített videóknál, ahol a fontos vizuális információ nem közvetítődik a hangsávon keresztül. A hangos leírás a jelentős vizuális elemeket — cselekvéseket, jelenetváltásokat, képernyőn megjelenő szöveget — közvetíti a párbeszéd természetes szüneteiben.

Automatikusan lejátszott hang elkerülhető kell legyen. Ha a hang automatikusan lejátszódik három másodpercnél tovább, biztosítson mechanizmust a szüneteltetéshez, leállításhoz vagy a hangerő rendszerhangszinttől független vezérléséhez.

Akadálymentes dokumentumok

A PDF-eknek és más letölthető dokumentumoknak is akadálymentesnek kell lenniük. Ez azt jelenti, hogy megfelelő címkestruktúrára (címsorok, listák, táblázatok), logikus olvasási sorrendre, képekhez alt-szövegre, meghatározott dokumentumnyelvre és hosszabb dokumentumoknál könyvjelzőkre van szükségük.

Amikor lehetséges, a fontos információt webes tartalomként biztosítsa, ne letölthető dokumentumként. A webes tartalom eredendően rugalmasabb és könnyebben tehető akadálymentessé, mint a PDF.

Közösségi média tartalom

Az akadálymentesítés kiterjed a közösségi médiára is. Adjon alt-szöveget a közösségi média platformokon közzétett képekhez — a legtöbb nagyobb platform már támogatja ezt. Használjon nagybetűs írásmódot a hashtagekben, hogy a képernyőolvasók helyesen tudják elemezni őket (pl. #WebesAkadálymentesítés a #webesakadálymentesítés helyett).

Érzékszervi jellemzők

Soha ne adjon olyan utasításokat, amelyek kizárólag érzékszervi jellemzőkre — alakra, színre, méretre, vizuális elhelyezkedésre, tájolásra vagy hangra — támaszkodnak. „Kattintson a zöld gombra" vagy „lásd az oldalsávot jobbra" helyett adjon további kontextust: „kattintson a Beküldés gombra" vagy „lásd a Kapcsolódó cikkek szakaszt."

Akadálymentes a weboldala?

Vizsgálja meg weboldalát ingyen, és kapja meg WCAG-pontszámát percek alatt.

Vizsgálja meg weboldalát ingyen