# Akadálymentesség és a hozzájárulási sáv

> Az európai akadálymentesítési törvény, a Complianz akadálymentességi javításai és hogyan jelezhetsz akadálymentességi kérést.

Az akadálymentesség azt jelenti, hogy a digitális szolgáltatások és termékek a fogyatékkal élők számára is használhatók. Az Európai Akadálymentesítési Törvény (European Accessibility Act, EAA) közös akadálymentességi követelményeket ír elő az EU-ban működő digitális termékekre és szolgáltatásokra, például weboldalakra, mobilalkalmazásokra, webáruházakra és elektronikus kommunikációra. A tartalomnak érzékelhetőnek, kezelhetőnek, érthetőnek és robusztusnak kell lennie. A törvény betartásának határideje 2025 júniusa volt.

A Complianz folyamatosan javítja a saját akadálymentességét, a felhasználói visszajelzések és a változó szabványok alapján.

## Mit javított a Complianz

A javítások a kiadásokban érkeznek. A már megjelent javítások:

- az interaktív elemek már nem tartalmaznak más interaktív elemet;
- a címkeelemek (label) nem kapnak billentyűzetfókuszt;
- a sáv jelölőnégyzeteinek címkéi már elérhetők a képernyőolvasót használóknak;
- a dokumentumokban átrendeződött a címsorok hierarchiája;
- a 400% fölötti nagyítás esetén nem csúszik ki a tartalom;
- a sütiszabályzatban a kontextus nélküli „Olvass tovább” hivatkozás javítva lett.

A következő kiadásokban érkező javítások a fókusz kezelését érintik:

- a fókusz elvész, amikor a hozzájárulási sáv aktiválódik;
- a fókusz elvész a **View preferences** (beállítások megtekintése) választásakor;
- a fókuszcsapda nem működik a párbeszédpanel megnyitásakor.

## Akadálymentességi kérés jelzése

A technikai akadálymentességi kéréseket a Complianz a GitHubon kezeli (`complianz/complianz-gdpr` tároló, hibajegyek). Ha nincs GitHub-fiókod, a támogatási űrlapon is jelezheted: a **Subject** (tárgy) listából az **Accessibility** témát válaszd. Az űrlap kéri az e-mail-címedet, a nevedet és a webhelyedet, a prémium licenckulcsot a prioritásos támogatáshoz, a kérdést, valamint opcionálisan a rendszerállapotot, képernyőképet, a beállítások exportját és a hibanaplót.

Az űrlap előtt érdemes kipróbálni a gyorsítótár alapos ürítését vagy az optimalizáló bővítmények kikapcsolását, mert a legtöbb gond így megoldódik.

## WCAG kontrasztellenőrző a sáv színbeállításainál

A Complianz beépített ellenőrzője a sáv színválasztásakor azonnal megmutatja, hogy a szöveg és a háttér kontrasztja elég-e az olvashatósághoz. A színek mentés előtt javíthatók, és az ellenőrző csak a varázslón belül működik: a megjelenést az éles oldalon a mentés változtatja meg.

### Mit jelent a WCAG kontraszt

A WCAG (Web Content Accessibility Guidelines) az akadálymentes weboldalak irányelve; a kontraszt azt mondja meg, mennyire tér el a szöveg és a háttér világossága. Három szintje van:

- **A**: a minimális akadálymentesség;
- **AA**: a legtöbb weboldalnak ajánlott szint;
- **AAA**: a legmagasabb, legjobban olvasható szint.

Az AA szinthez a normál szöveg kontrasztarányának legalább 4,5 : 1, a nagy szövegé (18 képpont fölött, vagy félkövér 14 képpont fölött) legalább 3 : 1 kell legyen. Az AAA szinthez a normál szövegnek 7 : 1, a nagynak 4,5 : 1. A legnagyobb arány 21 : 1 (fekete szöveg fehér háttéren); a világosszürke szöveg fehér háttéren nagyjából 2 : 1, ami már túl kevés.

### Hol találod

1. Nyisd meg a **Complianz → Consent Banner** oldalt.
2. A bal oldali menüben válaszd a **Colors** pontot.

![A Colors oldal színválasztói és az Accessibility eredmények](./kepek/sutisav-szinek-kontraszt.webp)

*A Colors oldal színválasztói és az Accessibility eredmények* (https://minta-bolt.hu/wp-admin/admin.php?page=complianz)

A képen a szöveg, a háttér, a hivatkozás és a kapcsolók színválasztói látszanak. Az **Accessibility** alatt a **Text vs Background**, **Hyperlink vs Background**, **Bullet vs Background** és **Bullet vs Inactive** párok kontrasztaránya és szintje (például **15.91 AAA**) jelenik meg.

### Használat

1. Kattints egy színmezőre, például a **Color** vagy a **Background** mezőre.
2. Válassz új színt, vagy írj be színkódot (HEX, RGB, HSL).
3. Az **Accessibility** alatt az eredmény azonnal frissül: a kontrasztarány (például „6.2 to 1”) és a szint (AA, AAA vagy FAIL).

Az eredmény színe jelzi a minősítést: zöld a megfelelő, barna a még elfogadható (AA), piros a nem megfelelő (**Fail**) értéket. Bármilyen színt választhatsz, az ellenőrző csak segít; érdemes legalább AA szintre törekedni.

## Saját akadálymentes sáv

Ha a beépített sávot a saját igényeid szerint alakítanád, a színek kontrasztját a sáv **Colors** oldalán az **Accessibility** blokk mutatja, a megjelenítést pedig egyéni CSS-sel módosíthatod ([Hozzájárulási sáv](https://hub.hellowp.io/hu/plugins/complianz-gdpr-premium/hozzajarulasi-sav/)). A jogi dokumentumok akadálymentességi módosításairól a [WCAG 2.1 AA](https://hub.hellowp.io/hu/plugins/complianz-gdpr-premium/varazslo-dokumentumok-hozzaferhetoseg/) fejezet szól.