Jaký je poměr WCAG? Proč byste to měli implementovat do svých návrhů

Web Content Accessibility Guidelines (WCAG) jsou pokyny pro přístupnost pro digitální a webový design. Dodržováním těchto pokynů zajistíte, že barvy budou dostatečně kontrastní, aby pomohly lidem se zrakovým postižením správně vidět a číst vaše návrhy. To jde také ruku v ruce s typografickou velikostí, aby byla zajištěna její čitelnost spolu s barvami.

Ve světě, který by měl být inkluzivnější, přidávání přístupných prvků do vašich návrhů pouze pozvedne vaši práci a umožní vám ji sdílet s více lidmi.

Jaký je poměr WCAG?

WCAG znamená Pokyny pro přístupnost webového obsahu. WCAG pomáhá každému, kdo navrhuje nebo tvoří pro web nebo internet, aby zajistil, že jejich návrhy splňují cíle přístupnosti. To znamená, že vaše návrhy si může užít a používat kdokoli, pokud je to možné, nevyjímaje ty se zrakovým postižením nebo jiným postižením.

Poměr WCAG nastavuje minimální poměry pro dosažení cílové přístupnosti. To zahrnuje barevný kontrast a velikost textu, což zajišťuje, že lidé se zrakovým postižením mají lepší šanci vidět vaše návrhy, pracovat s nimi a používat je. Dosažení poměru WCAG nejen pomáhá lidem se zrakovým postižením, ale také zvyšuje uživatelský zážitek pro všechny uživatele webu.

The World Wide Web Consortium vyvíjí standardy pro vývoj webu. I když neexistují žádná stanovená pravidla pro přístupnost webu, WCAG nastavuje standard, který by měl dodržovat každý webový designér.

Při testování kontrastních poměrů navrhuje WCAG hodnocení A až AAA. Hodnocení A ukazuje nejnižší úrovně kontrastu. AA jsou střední úrovně kontrastu s poměrem 4,5:1 – považováno za minimální poměr. Konečně, AAA je nejvyšší úroveň kontrastu. Pokud navrhujete pro každého, vaše úrovně kontrastu jsou nejlepší v rozmezí AA a AAA.

Proč je v grafickém a webovém designu důležitý poměr WCAG?

Grafický design a webový design by neměly jen zajistit, aby informace vypadaly pěkně. Informační design informuje masy – to znamená zpřístupnit vaše informace všem. Implementace WCAG zajišťuje přístupné návrhy pro osoby se zrakovým postižením, dyslexií, neurodivergenci nebo čímkoli, co ovlivňuje něčí zrak nebo schopnost číst.

Webový a digitální design – stejně jako programování – již zavedly funkce usnadnění. Například, Windows poskytuje uživatelům užitečné nástroje pro usnadněnía většina videí na YouTube je již běžně nabízí titulky nebo titulky. Ale vždy můžeme zlepšit dostupnost.

Globální design vytváří lepší design. Čím více lidí se může zapojit do vašeho návrhu, tím je úspěšnější a má větší dosah. Nejen, že je pro vás jako designéra dobré oslovit více lidí, ale pro svět je lepší, když je vyloučeno méně lidí.

Navrhování s poměrem WCAG a funkcemi usnadnění ve vašich návrzích bude mít pozitivní vliv na barevné palety, výběr typografie a velikosti textu. Záměrně byste nenavrhli něco, co je těžko čitelné, tak proč byste nezahrnuli více způsobů, jak vytvořit návrhy s lepší čitelností pro všechny lidi?

Implementace poměru WCAG do vašich návrhů

Existují místa, kde můžete ve svých návrzích zkontrolovat poměr WCAG, jako je toto kontrola kontrastu webová stránka. Měli byste se však pustit do praxe implementace přístupných konstrukčních prvků do své práce, aniž byste se spoléhali na to, že budete kontrolovat to nejnutnější.

Je třeba poznamenat, že pokyny pro kontrast se nevztahují na návrh loga. To je způsobeno tím, že loga jsou prezentována v různých velikostech a často na různém pozadí. Při navrhování log vám však neuškodí zvážit poměr WCAG.

Vysoce kontrastní barvy

Použití vysoce kontrastních barev je snadný způsob, jak dodat svým návrhům inkluzivitu. Barvy, které jsou navzájem kontrastní, pomohou lidem se zrakovým postižením a barvoslepostí lépe vidět vaše návrhy. Nejen to, ale i lidé bez poškození zraku lépe uvidí – a zapojí se – vaše návrhy.

Zkoušeli jste někdy přečíst světle růžový text na světle zeleném pozadí? je to téměř nemožné. Ale tmavě modrý text na světle žlutém pozadí je mnohem lépe vidět a číst.

Barvy s vysokým kontrastem fungují nejlépe při umístění textu na barevné pozadí nebo při použití malých cest v ilustracích. Khroma je generátor palety barev AI, který je dodáván s vestavěnou kontrolou kontrastu – jedním z mnoha skvělých Nástroje AI, které vám pomohou při práci s grafickým designem.

Skvělý způsob, jak zkontrolovat kontrast, je převést návrh na stupně šedi. Pokud dokážete oddělit barvy a porozumět designu v černé a šedé, mělo by se to dobře překládat i do vámi zvolených barev.

Velikost textu

Kromě toho, že barvy textu jsou dostatečně kontrastní vůči barvám pozadí, váš text by měl být dostatečně velký, aby se dal snadno číst. Poměr WCAG pro velký text je 3:1.

Velikost textu není u všech typografií stejná, takže se nespoléhejte na velikost 12 bodů – která je obvykle považována za minimální velikost pro standardní čitelnost – pro všechna písma. Vyzkoušejte je sami nebo pomocí uživatelských testerů zobrazením nebo tiskem návrhů ve skutečné velikosti. Pokud vaše barvy nejsou tak dobře kontrastní, pak větší text pomůže čitelnosti jako řešení.

Čitelnost písma

Je samozřejmé, ale písma, která si zvolíte ve svých návrzích, musí být snadno čitelná. Ozdobná písma, kurzívní písma nebo ručně kreslená písma mají často problémy s čitelností. Heavy metalové kapely jsou známé tím, že například pro loga svých kapel používají ze své podstaty obtížně čitelná písma.

Měli byste také zvážit vyrovnání párů a sledování při použití textu pro malé návrhy. Mezery mezi písmeny mohou také ovlivnit zamýšlenou čitelnost slov.

Inkluzivní faktory dostupnosti

Zatímco v poměrech WCAG se berou v úvahu pouze barevný kontrast, velikost písma a čitelnost textu ve webovém designu, měli byste všechny své webové a grafické návrhy vytvářet s ohledem na inkluzivitu.

Pokud jste webový designér a pracujete s programátorem nebo kodérem, ujistěte se, že ano pomocí technik HTML, které napomáhají zpřístupnění webu. Jsou tu také funkce usnadnění v Canva rozšířit dosah vašich návrhů u vašeho publika.

Neměli byste se zastavit pouze u minimálních požadavků na poměry WCAG; pokud máte kontrolu nad přidáváním alternativního textu k obrázkům, titulků ke zvukovým nebo video souborům nebo dokonce užitečné znění textu pro hypertextové odkazy – které nahlas čtou čtečky obrazovky – byste měli jít výše a mimo. Zahrnutí funkcí usnadnění nevylučuje žádné publikum – pouze zve více lidí.

Navrhování s poměrem WCAG zlepšuje návrhy pro všechny

Standardy pro webdesign pocházejí od World Wide Web Consortium, komunity, která pomáhá s osvědčenými postupy na celém webu. Konsorcium vyvinulo Pokyny pro přístupnost webového obsahu, kterými by se měli weboví designéři řídit. To poskytuje poměrový standard pro kontroly viditelnosti při navrhování pro web.

Dodržování těchto pokynů a standardů poměru znamená, že vaše webové návrhy mohou být přístupné více lidem.