ūüĆą ūüßź V√©lem√©nyezett sz√≠nv√°laszt√≥

(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.

Sz√≠nv√°laszt√≥, kiv√°lasztott jel√∂lŇĎn√©gyzettel, amely a ‚ÄěSpektrum korl√°toz√°sa nagy kontraszt√ļ h√°tt√©rsz√≠nekre‚ÄĚ

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?

Rengeteg k√ľl√∂nb√∂zŇĎ sz√≠nv√°laszt√≥, k√ľl√∂nb√∂zŇĎ elrendez√©ssel √©s a sz√≠nt√©r strukt√ļr√°j√°val

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.

H√°romdimenzi√≥s alakzatok, amelyek a sz√≠nteret k√©pviselik: a oszlop, k√ļp, kocka √©s g√∂mb
Szórakoztató tény: a színek hexaértékei nem a HSV-hez, hanem (a kevésbé intuitív) RGB-hez kapcsolódnak. A három karakterpár mindegyike egy piros, kék vagy zöld színcsatornát képvisel hexadecimálisan (alap-16), tehát az #FF FF FF fehér, mert mindhármat maximalizálják, mint az adott kocka képének dle közepe, mivel az #FF 00 00 piros, mert csak az R csatorna van maximalizálva. Tehát ennek a kockának a bal oldala minden színt kaphat, ha csak az R csatornát változtatja meg, és a hexakód utolsó négy karaktere FF FF marad.

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.

Sz√≠nv√°laszt√≥ k√©t r√©szbŇĎl √°ll, az elsŇĎ egy sz√≠n√°rnyalat √©s vil√°goss√°g m√°trix, a m√°sodik egy sz√≠ntel√≠tetts√©g Tel√≠tetts√©g
egyetlen kattint√°ssal kiv√°lasztja a sz√≠n√°rnyalatot √©s a vil√°goss√°got. A tel√≠tetts√©g cs√∂kkent√©s√©re a m√°sodik kattint√°sra gyakran nincs sz√ľks√©g.

√ć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.

A sz√≠nv√°laszt√≥ anim√°lt gifje, amely a teljes spektrumb√≥l a csak nagy kontraszt√ļ sz√≠nek korl√°tozott spektrum√°ba √°ll √°t

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.

Vélemény, hozzászólás?

Az email c√≠met nem tessz√ľk k√∂zz√©. A k√∂telezŇĎ mezŇĎket * karakterrel jel√∂lt√ľk