(20. března 2020)
Na celém webu se návrháři a inženýři zlepšují v budování s ohledem na přístupnost. Ve Wistii byla nejnovější aktualizace našeho videopřehrávače velkým krokem vpřed s vylepšeními, díky nimž je čtečka obrazovky pohodlná, ovladatelná klávesnicí a podporuje zvukové popisy.
Ale jak fantastický a tak talentovaný jako tým je, existují některé aspekty přístupnosti videa, které v zákulisí prostě nemůžeme opravit. Je stále na tvůrcích videí, aby si titulky objednali, přidali popisný alternativní text ke svým miniaturám a vybrali barvu přehrávače, která bude vyhovovat jejich značce. A tato volba má velký dopad na přístupnost, protože světlá barva pozadí může způsobit nízký kontrast textu a ikon až do bodu nečitelnosti.
Ovládání vzhledu a chování hráče je jedním z funkce, které naši zákazníci nejčastěji zmiňují jako důvod pro volbu Wistie, ale je to také volba, která může vážně ovlivnit přístup, aniž by si uvědomili, o co jde.
Abychom tento problém vyřešili, stanovili jsme navrhnout nástroj pro výběr barev, který usnadňuje výběr přístupnosti.
Chcete-li do něj vložit číslo, znamená to informovanou volbu co nejmenším počtem kliknutí. Při hledání snadného uživatelského rozhraní s nízkým třením pro vychystávání barev jsme provedli inventuru milionu (?) Různých způsobů výběru barvy. Proč jsou všechny tyto odlišné? Proč neexistuje žádný standard pro výběr barev? A jaký je rozdíl mezi „Lightness“ a „Brightness“?
Odpověď spočívá v trojrozměrném barevném prostoru. To znamená, že k přesnému zobrazení všech možných barev potřebujete trojrozměrný tvar. Model, který nejpříměji mapuje naše instinkty o barvě, je HSV: Odstín (skvrna na duze), Sytost (čistota tohoto odstínu versus jeho blátivost přecházející do šedé barvy), Hodnota (světlost tohoto odstínu versus míchání do bílé barvy) nebo černá). Každá z těchto tří proměnných je nezbytnou dimenzí pro definování barvy zobrazené na obrazovce.
Jak úhledné by bylo, kdyby uživatelé vybrali svou barvu navigací v trojrozměrném světě k souřadnicím (x, y, z) , které nejlépe odpovídají jejich značce, by to nevedlo k několika kliknutím a rychlému a dobrému výběru. Důvodů, proč je tolik sběračů barev, je ten, že vyžaduje určitý stupeň abstrakce, aby se tento trojrozměrný barevný prostor a zmenšil na dvourozměrné uživatelské rozhraní . Proto mají všechny výběry barev alespoň dvě (někdy tři) osy výběru – uživatel musí vybrat své x, yaz; jejich odstín, sytost a hodnota. A pro náš designový tým tyto volby znamenají kliknutí navíc. Abychom tato kliknutí minimalizovali, ptali jsme se sami sebe, která jsou nejdůležitější a nejméně důležitá.
Výběr odstínu je nejdůležitější kliknutí; výběr sytosti je nejméně důležité kliknutí.
Odstín je první věc, na kterou myslíme, když přemýšlíme o výběru barvy. A v kontextu sladění videopřehrávače s barvou značky je sytost poslední věc, na kterou myslíme. Je to proto, že většina barev značek je plně sytá, a i když tomu tak není, pravděpodobně o nich tak stále přemýšlíte. To znamená, že mnoho uživatelů nikdy nebude chtít, aby saturace byla něco jiného než 100, a pokud se jedná o vlastní kliknutí, je to kliknutí, kterému se můžeme potenciálně vyhnout. Na výběr tedy zbývá pouze odstín a hodnota, což mohou být osy dvourozměrného pole a lze je vybrat jediným kliknutím.
Hle! A výběr barvy jediným kliknutím. Ale co přístupnost? Můžeme přidat pomocný text, který vysvětluje, proč je kontrast důležitý (to děláme), a ukazuje vypočítaný kontrastní poměr a to, zda splňuje standard (děláme to také), ale práce, kterou je třeba udělat, je stále volba . Naši uživatelé musí pochopit, z čeho si mohou vybrat, aniž by ztratili kontext celého spektra možností. Koneckonců, výběr barev je dost komplikovaný a zabalení hlavy kolem toho, co se děje, je snazší díky animaci ukazující, co se odebírá.
Naše řešení přidává kliknutí, ale pouze jeden. Když zaškrtnete toto políčko, výběr maskuje všechny hodnoty, které nevytvářejí dostatečně vysoký kontrast oproti bílým ovládacím prvkům přehrávače, aby byly považovány za přístupné. Pokud vaše předchozí nastavení nespadá do přijatelného rozsahu, odstín zůstane stejný a světlost klesne na nejvyšší přijatelnou úroveň.
Výpočet je založen na matematice poskytované sdružením pro přístup k webovému obsahu. , na jejichž standardu AA vycházíme při práci s přístupností. Odtud začleňujeme další faktor lehkosti, který odpovídá 80\% neprůhlednosti přehrávače Wistia. To znamená, že scénář s nejnižším kontrastem, když je přehrávač překryt čistou bílou, stále vede k dostatečnému kontrastu.
Tento výběr barev je jen malou částí našeho nástroje pro usnadnění přístupu, který obsahuje kontrolní seznam pro každý video a užitečné tipy v celém procesu přizpůsobení vysvětlující, jak různé možnosti ovlivňují přístupnost. Většinu této práce provádí Wistia v zákulisí, ale jak se snažíme usnadnit přístup k usnadnění přístupu, provádíme uživatele nastavením, které musí upravit.