# A hozzáférhetőség a UI designban > Ha azt kérdezed, hogyan tedd hozzáférhetőbbé a weboldaladat, az Understanding accessibility nevű oldal pont erre ad gyakorlati útmutatót. Megmutatja, hogyan segíthetnek a színek, betűtípusok, animációk és az elrendezés azoknak, akiknek nehezebb boldogulni egy felülettel, például ADHD-val, autizmussal vagy látássérüléssel élőknek. Forrás: https://brandguide.hu/a-hozzaferhetoseg-a-ui-designban/ · Megjelent: 2023-12-04 · Frissítve: 2026-10-16 Hozzáférhető, elérhető, accessibility – kulcsszavak ezek a branding világában, különösen a UI designban, ahol konkrét felhasználói vagyunk a felületeknek, melyeket a [UI / UX designerek](/ux-design/) megteremtettek. Talán hasonlóan fontos ebből a szempontból a csomagolások témája, de azt most nem szeretnénk ide keverni – ellenben, az [Understanding accessibility-t](https://www.understandingaccessibility.com) igen, ami egy igazán fontos website, és könnyen válhat az egyik legjobb barátoddá, mikor honlapot tervezel. [![](https://egcycyfegdznryebenvt.supabase.co/storage/v1/object/public/media/wp/2022/11/UI-konyv-reklam.webp)](/shop/ui-design-digitalis-tervezes/?utm_source=website&utm_medium=Blog&utm_campaign=shareing&utm_content=Design-Alapevek) ## Miről szól az Understanding accessibility? Az Understandinig accessibility szókapcsolat tükörfordításban azt jelenti, hogy „megérteni az elérhetőséget” – tehát, a weboldal fókusza azon van, hogy hogyan törekedhetünk arra, hogy a honlapunk felhasználóbarát legyen, és azok számára is optimális platform maradjon, akiknek a boldogulás a vizuálitásban olykor nehezebb: például, aki ADHD-val vagy autizmus spektrum zavarral él, vagy esetleg látássérült. A projektet 2023-ban indította Alaïs de Saint Louvent közösen [Cecilia Righini](https://www.ceciliarighini.com/)\-vel, a Lattimore + Friends ügynökséggel és a Lutalica stúdióval. Az illusztrációkat, melyeket az oldalon találhatunk, Emily Peat készítette. Alaïs így ír a missziójáról: ![](https://egcycyfegdznryebenvt.supabase.co/storage/v1/object/public/media/wp/2021/09/Apostrophe.svg) Az eredmény egy KTF Metro Fonts nevű sorozat kiadása, amelynek célja a város tipográfiai emlékezetének megőrzése. — Úgy tűnt, hogy az emberek vagy nem tudtak a hozzáférhetőség fontosságáról, vagy nem törődtek a hozzáférhetőséggel. Amikor elkezdtem útmutatókat keresni magamnak, azok vagy túlságosan technikai jellegűek voltak, vagy különböző blogokon és fórumokon voltak szétszórva, így minden alkalommal, amikor ellenőrizni akartam valamit, kutakodnom kellett. Ez a weboldal azért jött létre, hogy ezt a problémát orvosolja, és a legújabb útmutatók vonulnak fel valódi webdesignerektől és fejlesztőktől melyekhez a tőlük érkező visszajelzéseket is felhasználjuk. ![hozzáférhetőség a UI designban](https://egcycyfegdznryebenvt.supabase.co/storage/v1/object/public/media/wp/2023/12/AC-1-1024x407.webp) ## Mi minden fellelhető azt oldalon? Öt kategóriát találunk az Understanding accessibility-n elsősorban: Mindannyian tudjuk, hogy mennyire kulcsfontosságúak a színek, de itt nagyon szépen össze van foglalva, hogy miért. Amellett, hogy a színek dinamikáját is kifejti, illetve, hogy hány színt érdemes egy helyen használni, felhívja a figyelmet arra is, hogy az autizmus spektrum zavarral küzdők vagy az ADHD-sok számára a puhább, lágyabb színek milyen nagy segítséget jelenthetnek. Az oldalon kifejtik, hogy a látássérültek számára hogy érdemes alakítani a színeket és a kontrasztokat. Példákat hoznak arra, hogy milyen színpár lehet trigger egy autista számára, vagy nehezen olvasható egy diszlexiásnak. 1. **Színek** Mindannyian tudjuk, hogy mennyire kulcsfontosságúak a színek, de itt nagyon szépen össze van foglalva, hogy miért. Amellett, hogy a színek dinamikáját is kifejti, illetve, hogy hány színt érdemes egy helyen használni, felhívja a figyelmet arra is, hogy az autizmus spektrum zavarral küzdők vagy az ADHD-sok számára a puhább, lágyabb színek milyen nagy segítséget jelenthetnek. Az oldalon kifejtik, hogy a látássérültek számára hogy érdemes alakítani a színeket és a kontrasztokat. Példákat hoznak arra, hogy milyen színpár lehet trigger egy autista számára, vagy nehezen olvasható egy diszlexiásnak. ![hozzáférhetőség a UI designban - tipográfia](https://egcycyfegdznryebenvt.supabase.co/storage/v1/object/public/media/wp/2023/12/AC-2-1024x449.webp) 2. **Betűtípusok** A betűtípusok között számos példát felvonultat, beszél a betűméretekről, talpakról, megkülönböztethetőségről. 3. **Média** A mozgóképek nagy életet tudnak varázsolni egy honlapba, de nem mindegy, hogy hogyan: a túl sok animáció megzavaró lehet, elveszi a hangsúlyt a fontos részletekről, káoszt teremthet. A kiegyensúlyozott működéshez „gyors tippekkel” segítenek. 4. **Elrendezés** Az elrendezés fül legfőképp a hierarchiát tárgyalja. A tiszta, átlátható, logikusan követhető felület a kulcsa a jó weboldalnak. 5. **Fejlesztés** A jó designer tudja azt is, hogy a fejlesztőknek mire van szüksége egy sikeres weboldal működtetéséhez, fenntartásához: az „ájtísokkal” való baráti jóviszony fenntartása érdekében nem árt tudnunk a felsoroltakat! Irány a webdoldal » [https://www.understandingaccessibility.com](https://www.understandingaccessibility.com) [![](https://egcycyfegdznryebenvt.supabase.co/storage/v1/object/public/media/wp/2023/12/Megjelent-rendeld-1024x270.webp)](https://shop.brandguide.hu/brandstrategia/) ## Mit vigyél haza - Nézd meg az Understanding accessibility oldalt, mielőtt újratervezed a honlapod. - A lágyabb, visszafogottabb színek sokat segítenek ADHD-s vagy autista látogatóidnak. - Figyelj a kontrasztra, mert a rossz színpár triggerelő vagy olvashatatlan is lehet. - Ne animálj túl sokat: a túlzott mozgás elvonja a figyelmet a lényegről. - Tartsd átlátható, logikus hierarchiában az elrendezést, ez a jó weboldal alapja. ## Gyakori kérdések ### Mi az az Understanding accessibility? Egy 2023-ban indult weboldal, amely gyakorlati útmutatókat gyűjt össze a UI design hozzáférhetőségéről, valódi webdesignerek és fejlesztők visszajelzései alapján. ### Milyen területeket érdemes átnézni a hozzáférhető UI design kapcsán? Az oldal öt kategóriát különböztet meg: színek, betűtípusok, média, elrendezés és fejlesztés. ### Miért fontos a színek megválasztása hozzáférhetőség szempontjából? Mert a lágyabb színek segíthetik az ADHD-s vagy autista felhasználókat, míg a rossz színpárosítás triggert válthat ki vagy nehezen olvasható lehet diszlexiásoknak. ### Kinek szól ez az oldal? Webdesignereknek és fejlesztőknek, akik olyan honlapot szeretnének építeni, amely azok számára is jól használható, akiknek nehezebb a boldogulás vizuálisan, például ADHD-val, autizmussal vagy látássérüléssel élőknek.