WCAG kritériumok

Összefoglaltuk a webakadálymentesítési szabvány (WCAG) pontjait közérthető formában. A szűréshez használd a keresőt, vagy nyisd ki valamelyik alapelvet!

Írj be kulcsszavakat a WCAG kritériumok kereséséhez

Szűrési beállítások

Alapelv szűrő
Irányelv szűrő
Szint szűrő
Szűrők alkalmazása a találatok frissítéséhez
21-40 / 55 találat

Alapelvek szerint

Billentyűzet

Szint: A
A WCAG 2.1.1 (Keyboard) előírja, hogy a webes tartalom minden funkcionalitása működtethető legyen billentyűzet interfészen keresztül anélkül, hogy egyedi billentyű leütésekhez specifikus időzítést igényelne. Ez minden interaktív elemre vonatkozik, mint gombok, linkek, űrlap vezérlők és egyedi widgetek.

Billentyűzetcsapda nélkül

Szint: A
A WCAG 2.1.2 (No Keyboard Trap) előírja, hogy amikor a billentyűzet fókusz egy oldal komponensére kerül billentyűzetes interfész használatával, a felhasználónak képesnek kell lennie a fókusz elmozgatására arról a komponensről csak billentyűzet használatával. Ez minden olyan webes tartalomra vonatkozik, amely billentyűzettel navigálható vagy kezelhető.

Billentyűparancsok

Szint: A
A WCAG 2.1.4 (Character Key Shortcuts) előírja, hogy ha egy weboldal vagy alkalmazás karakterbillentyűs gyorsbillentyűket használ (egyetlen karakterbillentyű lenyomásával aktivált billentyűparancsok, esetleg módosítókkal), a felhasználóknak képesnek kell lenniük ezeket a gyorsbillentyűket kikapcsolni, átképezni más billentyűkre, vagy csak fókuszban aktiválni. Ez biztosítja, hogy a billentyűparancsok ne zavarják a felhasználók gépelését vagy navigációját.

Időkorlátok

Szint: A
A WCAG 2.2.1 (Timing Adjustable) előírja, hogy a felhasználóknak elegendő időt kell biztosítani a tartalom elolvasására és használatára. Ez minden olyan tartalomra vagy funkcionalitásra vonatkozik, amely időkorláttal vagy időérzékeny interakciókkal rendelkezik. A cél az, hogy azok a felhasználók, akiknek több időre lehet szükségük - kognitív, mozgásszervi vagy egyéb fogyatékosság miatt - ne legyenek igazságtalanul korlátozva vagy kényszerítve a feladatok sietős elvégzésére. Ez magában foglalja az űrlapokat, kvízeket, időtúllépéseket vagy bármilyen időzített folyamatot egy weboldalon vagy alkalmazásban.

Szüneteltetés, leállítás, elrejtés

Szint: A
A WCAG 2.2.2 (Pause, Stop, Hide) előírja, hogy minden automatikusan mozgó, villogó, gördülő vagy automatikusan frissülő információ esetén a felhasználóknak lehetőséget kell biztosítani a tartalom szüneteltetésére, leállítására vagy elrejtésére. Ez vonatkozik minden olyan tartalomra, amely automatikusan indul, öt másodpercnél hosszabb ideig tart, és más tartalommal párhuzamosan jelenik meg. Ezen felül az automatikusan frissülő információk esetében a felhasználóknak képesnek kell lenniük a frissítés szüneteltetésére, leállítására, elrejtésére vagy a frissítési gyakoriság szabályozására.

Három villanás vagy alatta

Szint: A
A WCAG 2.3.1 (Three Flashes or Below Threshold) előírja, hogy a webes tartalom nem tartalmazhat olyan elemeket, amelyek másodpercenként háromnál többször villognak, vagy a villogás nem éri el az általános villogási és vörös villogási küszöbértékeket. Ez minden olyan tartalomra vonatkozik, amely villogó vizuális elemeket tartalmaz, mint animációk, GIF-ek, videó tartalom vagy bármilyen egyéb villogó hatás.

Blokkok kihagyása

Szint: A
A WCAG 2.4.1 (Bypass Blocks) előírja, hogy a weboldalaknak mechanizmust kell biztosítaniuk a felhasználók számára az ismétlődő tartalomblokkok megkerülésére, amelyek több oldalon jelennek meg, mint navigációs menük, fejlécek vagy oldalsávok. Ez lehetővé teszi a felhasználóknak, különösen azoknak, akik kisegítő technológiákat vagy billentyűzetes navigációt használnak, hogy gyorsan a fő tartalomhoz jussanak anélkül, hogy ismétlődő linkeken vagy szakaszokon kellene végiglapozniuk.

Oldalcím

Szint: A
A WCAG 2.4.2 (Page Titled) előírja, hogy a weboldalaknak olyan címekkel kell rendelkezniük, amelyek leírják azok témáját vagy célját. Ez azt jelenti, hogy minden HTML oldalnak tartalmaznia kell egy <title> elemet a <head> szakaszban, amely világosan és pontosan tükrözi az oldal tartalmát vagy funkcióját. A cél az, hogy segítse a felhasználókat, különösen azokat, akik kisegítő technológiákat használnak, gyorsan megérteni, miről szól az oldal.

Fókusz sorrend

Szint: A
A WCAG 2.4.3 (Focus Order) előírja, hogy amikor billentyűzettel navigálsz az interaktív elemek között egy weboldalon, a fókusz olyan sorrendben mozogjon, amely megőrzi a jelentést és a használhatóságot. Ez azt jelenti, hogy a Tab billentyű használatakor a fókusz logikus és kiszámítható módon haladjon végig az oldalon.

Link célja (kontextuson belül)

Szint: A
A WCAG 2.4.4 (Link Purpose) előírja, hogy minden link célja megállapítható legyen magából a link szövegéből, vagy a link szövegéből együtt annak programozottan meghatározott kontextusával. Ez minden webes tartalomra vonatkozik, amely linkeket tartalmaz, legyenek azok szöveges linkek, kép linkek vagy más UI komponensekbe ágyazott linkek.

Többféle mód

Szint: AA
A WCAG 2.4.5 (Multiple Ways) előírja, hogy egynél több módon lehessen megtalálni egy weboldalt a weboldalak halmazán belül, kivéve ha az oldal egy folyamat része vagy eredményoldal. Ez minden olyan webes tartalomra vonatkozik, amely több oldalból vagy szakaszból áll, mint például webhelyek, webalkalmazások és online dokumentációk.

Fejlécek és címkék

Szint: AA
A WCAG 2.4.6 (Headings and Labels) előírja, hogy a címsorok és címkék leírják a hozzájuk tartozó tartalom vagy felhasználói felület komponensek témáját vagy célját. Ez minden címsorra, űrlap címkére, gombra, linkre és egyéb UI elemre vonatkozik, amelyek segítik a felhasználókat a tartalom vagy funkcionalitás megértésében.

Látható fókusz

Szint: AA
A WCAG 2.4.7 (Focus Visible) előírja, hogy minden billentyűzettel működtethető felhasználói felület rendelkezzen látható billentyűzet fókusz jelzővel. Ez azt jelenti, hogy amikor a felhasználók billentyűzettel navigálnak az oldalon (pl. Tab billentyű), egyértelműen látható legyen, melyik elem van éppen fókuszban.

Nem elfedhető a fókusz

Szint: AA
A WCAG 2.4.11 (Focus Not Obscured - Minimum) előírja, hogy amikor egy elem billentyűzet fókuszt kap, a fókusz jelzője nem lehet elrejtve vagy elfedve más tartalom által. Ez minden interaktív elemre vonatkozik egy weboldalon vagy alkalmazásban, amely billentyűzet fókuszt kaphat, mint linkek, gombok, űrlap vezérlők és egyéni widgetek.

Mutatógesztusok

Szint: A
A WCAG 2.5.1 (Pointer Gestures) előírja, hogy minden funkcionalitás, amely többpontos vagy útvonal-alapú gesztusokat használ (mint csípés, húzás vagy forgatás), egypontos bevitellel is működtethető legyen (például egyszerű érintés vagy kattintás). Ez azt jelenti, hogy a felhasználókat nem szabad összetett gesztusok használatára kényszeríteni, a tartalom, vagy vezérlők kezeléséhez.

Mutatóművelet megszakítása

Szint: A
A WCAG 2.5.2 (Pointer Cancellation) előírja, hogy minden mutatóval (egér, érintés, stylus) kiváltott művelet megszakítható vagy visszavonható legyen a befejezés előtt. Ez olyan interaktív tartalomra vonatkozik, ahol egy mutató művelet változást indít el, például gomb aktiválása, űrlap elküldése vagy elem húzása.

Címkék szövegezése és magyarázata

Szint: A
A WCAG 2.5.3 (Label in Name) előírja, hogy a felhasználói felület komponensek elérhető neve tartalmaznia kell, a vizuálisan megjelenített címke szövegét. Ez azt jelenti, hogy bármilyen címke szöveget lát a felhasználó egy gombon, űrlap vezérlőn, vagy interaktív elemen, annak programozottan elérhetőnek kell lennie szövegként is.

Mozgásaktivált vezérlés

Szint: A
A WCAG 2.5.4 (Motion Actuation) előírja, hogy minden funkcionalitás, amely eszközmozgással, vagy felhasználói mozgással működtethető (például eszköz rázása, döntése vagy forgatása), alternatív módon is elérhető legyen felhasználói felület elemeken keresztül. Ez azt jelenti, hogy minden mozgással vezérelt funkciónak van egy alternatív aktiválási módja, amely nem igényel fizikai mozgást.

Drag and drop mozdulatok

Szint: AA
A WCAG 2.5.5 (Target Size) előírja, hogy minden funkcionalitás, amely húzási mozgásokat igényel, egyszerű mutatóval is működtethető legyen húzás nélkül. Ez azt jelenti, hogy a felhasználóknak ugyanazt az eredményt el kell tudniuk érni egyszerűbb mutató műveletekkel, mint az érintés vagy kattintás, anélkül hogy húzniuk kellene. Ez minden interaktív tartalomra vonatkozik, ahol húzást használnak elemek manipulálására: csúszkák, húzd-és-ejtsd felületek vagy átméretezhető komponensek.

Interaktív mutató célpontok legkisebb mérete

Szint: AA
A WCAG 2.2 szabványpont 2.5.8 előírja, hogy az interaktív mutató célpontok—mint a gombok, linkek és űrlap vezérlők—legalább 24×24 CSS pixel méretűek legyenek, kivéve ha specifikus kivételek vonatkoznak rájuk. Ez a szabály minden olyan felhasználói felület komponensre vonatkozik, amely mutató bevitellel aktiválható (egér, érintés, stylus stb.). A cél biztosítani, hogy az interaktív elemek elég nagyok legyenek a könnyű érintéshez, vagy kattintáshoz, csökkentve a hibákat és a frusztrációt a korlátozott motoros kontrollal rendelkező felhasználók esetén, vagy a nagy pontosságot igénylő feladatok elvégzésénél.