(2020. március 20.)

Az egész interneten a tervezők és mérnökök egyre jobban építenek az akadálymentességet szem előtt tartva. A Wistia-nál a videolejátszónk legfrissebb frissítése nagy előrelépést jelentett, olyan fejlesztésekkel, amelyek képernyőolvasóbaráttá, billentyűzettel navigálhatóvá és hangleírásokat támogatóvá teszik.

De Bármennyire is fantasztikus és tehetséges, mint az itteni csapat, a videók akadálymentességének vannak olyan szempontjai, amelyeket egyszerűen nem tudunk megoldani a kulisszák mögött. A videokészítőknek továbbra is a feliratok megrendelése, az indexképekhez leíró alt szöveg hozzáadása és a márkájuknak megfelelő lejátszó színének kiválasztása. És ez a választás nagy hatással van az akadálymentességre, mivel a világos háttérszín az olvashatatlanságig alacsony kontrasztúvá teheti a szöveget és az ikonokat.

A lejátszó megjelenésének és hangulatának ellenőrzése az egyik azokat a szolgáltatásokat, amelyeket ügyfeleink leginkább a Wistia választásának okaként említenek, de ez egy olyan választás is, amely súlyosan befolyásolhatja a hozzáférést anélkül, hogy észrevennék a tétet. olyan színválasztó megtervezése, amely megkönnyíti az akadálymentességet.

Ha számot akar rá tenni, ez azt jelenti, hogy a lehető legkevesebb kattintással megalapozott döntést kell hoznia. Könnyű, kis súrlódású felhasználói felületet keresve a színválasztáshoz, számba vettük a színválasztás millió (?) Különböző módját. Miért különböznek ezek mind? Miért nincs színválasztó szabvány? És mi a különbség a „Világosság” és a „Fényerő” között?

A válasz háromdimenziós színtérben rejlik. Vagyis az összes lehetséges szín pontos ábrázolásához háromdimenziós alakzatra van szükség. A modell a színekkel kapcsolatos ösztöneinkhez kapcsolódik a legjobban: HSV: színárnyalat (a szivárvány foltja), telítettség (ennek az árnyalatnak a tisztasága és a szürkévé vált sárossága), az érték (az árnyalat világossága, szemben a fehérbe keveredéssel) vagy fekete). E három változó mindegyike szükséges dimenzió a képernyőn megjelenő szín meghatározásához.

Bármilyen ügyes is, ha a felhasználók megválasztanák a színüket úgy, hogy egy háromdimenziós világban navigálnak a márkájuknak leginkább megfelelő (x, y, z) koordinátához, nem eredményezne néhány kattintást és gyors, jó választást. Annyi színválasztó van, hogy bizonyos fokú absztrakcióra van szükség ahhoz, hogy ezt a háromdimenziós színteret felvegye és kétdimenziós felhasználói felületre redukálja. Ezért minden színválasztónak legalább két (néha három) tengelye van választva – a felhasználónak ki kell választania az x, y és z értékeket; árnyalatuk, telítettségük és értékük. Tervezői csapatunk számára pedig ezek a választások extra kattintásokat jelentenek. A kattintások minimalizálása érdekében feltettük magunknak a kérdést, melyek voltak a legfontosabbak és a legkevésbé fontosak.

Az árnyalat kiválasztása a legfontosabb kattintás; a telítettség kiválasztása a legkevésbé fontos kattintás.

A színválasztás az első dolog, amelyre gondolunk, amikor a szín kiválasztására gondolunk. A videólejátszó márka színéhez való illesztése kapcsán pedig a telítettség az utolsó dolog, amire gondolunk. Ez azért van, mert a márka színeinek többsége telített, és akkor is, ha mégsem, akkor is így gondolja őket. Ez azt jelenti, hogy sok felhasználó soha nem akarja, hogy a telítettség csak 100 legyen, és ha ez a saját kattintása, akkor ez egy olyan kattintás, amelyet potenciálisan elkerülhetünk. Ez csak árnyalatot és értéket választhat, amelyek egy kétdimenziós mező tengelyei lehetnek, és egyetlen kattintással választhatóak.

Íme! A színválasztás egyetlen kattintással. De mi a helyzet az akadálymentességgel? Hozzáadhatunk segítő szöveget, amely megmagyarázza, miért fontos a kontraszt (ezt tesszük), és megmutatjuk a kiszámított kontrasztarányt, és hogy ez megfelel-e a szabványnak (mi is ezt tesszük), de az elvégzendő munka továbbra is a választás . Felhasználóinknak meg kell érteniük, miből kell választaniuk, anélkül, hogy elveszítenék a lehetőségek teljes spektrumának kontextusát. Végül is a színválasztók elég bonyolultak, és könnyebben be lehet tekerni a fejét a történések körül egy animációval, amely megmutatja, hogy mit visznek el.

Megoldásunk kattintást ad, de csak egy. Amikor a jelölőnégyzetre kattint, a választó elfedi azokat az értékeket, amelyek nem hoznak létre elég nagy kontrasztot a fehér lejátszó vezérlőivel szemben, hogy elérhetőnek tekinthetők legyenek. Ha az előző beállítás nem esik az elfogadható tartományba, az árnyalat változatlan marad, és a Világosság a legmagasabb elfogadható szintre csökken.

A számítás a Web Content Accessibility Guild által szolgáltatott matematikán alapul. , amelynek AA szabványára alapozzuk akadálymentességi munkánkat. Innentől kezdve beépítünk egy további könnyedségi tényezőt, hogy figyelembe vegyük a Wistia lejátszó 80\% -os átlátszatlanságát. Ez azt jelenti, hogy a legalacsonyabb kontrasztú forgatókönyv, amikor a lejátszó tiszta fehérre van borítva, még mindig elegendő kontrasztot eredményez.

Ez a színválasztó csak kis része az akadálymentességi eszközeinknek, amely minden ember számára tartalmaz egy ellenőrzőlistát. videó és hasznos eszköztippek a testreszabási folyamat során, amelyek elmagyarázzák, hogy a különböző döntések hogyan befolyásolják az akadálymentességet. Ennek a munkának a nagy részét a Wistia a kulisszák mögött végzi, de a felhasználók végigvezetése a módosítandó beállításokon keresztül azon munkálkodunk, hogy az akadálymentességet könnyű választani.