This translation has not been editorially reviewed yet. The German version is authoritative. Deutsche Fassung →
Barrierefreiheit
Proč potřebují chybové zprávy a odkazy víc než jen barvu?
Chybové zprávy a odkazy potřebují víc než jen barvu, protože mnoho lidí rozlišuje barvy jen omezeně — barvoslepost na červenou a zelenou je nejčastější forma. Červeně orámované povinné pole bez vysvětlujícího textu zůstává pro tyto návštěvníky neviditelně označené. Informace proto musí být nesena dvakrát: barvou plus textem, symbolem nebo podtržením.
Barva jako doplněk, nikdy jako jediný nositel
Problém ukazují tři případy z běžného provozu. Zaprvé formuláře: pokud je špatně vyplněné pole jen červeně orámované, návštěvník s barvoslepostí na červenou a zelenou chybu nenajde — doplňte textovou zprávu jako „Zadejte prosím platnou e-mailovou adresu“. Zadruhé odkazy v běžném textu: pokud se odkaz od okolního textu liší jen barvou, mnozí ho jako odkaz nerozpoznají — pomůže podtržení. Zatřetí diagramy a stavové indikátory: „zelená znamená dostupné, červená znamená obsazeno“ funguje jen s dodatečným popiskem nebo odlišnými symboly. Barva přitom zůstává výslovně povolená a smysluplná — jen nikdy nesmí být jediným zdrojem informace.
Jak naše měřicí jádro kontroluje použití barvy
Automatická kontrola nástrojem axe-core rozpozná typický dílčí případ: odkazy v běžném textu, které se od okolního textu odlišují jen barvou — bez podtržení nebo dostatečného rozdílu jasu. Takové případy se do zprávy dostávají jako nález. Větší část kritéria stroji uniká: zda je diagram vysvětlen jen barvami, nebo zda má chybová zpráva kromě červeného orámování i text, vyžaduje pochopení obsahu. Podle naší zásady se proto průchod bez nálezu nikdy automaticky nepovažuje za důkaz — u zlatého standardu projde formuláře, diagramy a stavové indikátory kontrolor a vynese rozhodnutí.
- Zkontrolujte své formuláře: každé chybové označení potřebuje vedle barvy vysvětlující text u dotčeného pole.
- Nechte podtrhnout odkazy v běžném textu — samotná barva je pro mnoho návštěvníků neviditelná.
- Doplňte v diagramech a stavových indikátorech popisky nebo symboly navíc k barevnému kódování.
- Zobrazte si svou stránku ve stupních šedi — to zvládne každá obrazovka a mnoho telefonů — a ověřte, zda všechny informace zůstávají zachovány.
- Označte povinná pole slovem „povinné pole“ nebo vysvětlenou hvězdičkou, nikdy jen barvou.
FAQ
Kolik lidí má poruchu barvocitu?
Barvoslepost na červenou a zelenou je nejčastější forma a týká se především mužů. Záměrně neuvádíme procentní číslo, protože se údaje podle zdroje liší. Rozhodující je: skupina je dost velká na to, aby čistě barevné označení na každé navštěvované webové stránce pravidelně vylučovalo návštěvníky.
Musím podtrhnout všechny odkazy na své webové stránce?
Odkazy v běžném textu ano — tam je podtržení nejspolehlivějším druhým signálem vedle barvy. V jasně rozpoznatelných navigačních oblastech, jako je hlavní menu, funguje jako signál samo okolí, tam podtržení není nutné. Kontrola nástrojem axe-core vytýká přesně ty odkazy v běžném textu, které se odlišují jen barevně.
Smím dál používat červenou a zelenou pro chybu a úspěch?
Ano — pokud je informace navíc uvedena i jako text nebo symbol. Zelená zpráva o úspěchu s fajfkou a větou „Vaše poptávka byla odeslána“ je přístupná, protože si ji přečte každý návštěvník. Vylučuje lidi s poruchou barvocitu jen samotná barva bez textu a symbolu.