Juhend värvide juurdepääsetavuse kohta toodete kujundamisel

Ligipääsetavast disainist räägitakse palju, kuid kas olete mõelnud värvide juurdepääsetavusele?

Hiljuti esitas klient projekti juurdepääsetava värvisüsteemi väga spetsiifiliste ja keerukate rakendustega. See avas mu silmad mitte ainult selle teema olulisusest, vaid ka sellest, kui palju on õppida.

Selle loo autor on Justin Reyna

Õppige, kuidas muuta värv juba juurdepääsetavaks, kasutades juba tuttavaid kujunduspõhimõtteid.

Miks on juurdepääsetavus nii oluline?

Digitaalse tootedisaini juurdepääsetavus on kogemuste loomise tava kõigile inimestele, sealhulgas ka nägemis-, kõne-, kuulmis-, füüsiliste või kognitiivsete puudega inimestele. Disainerite, arendajate ja üldiste tehnikainimestena on meil võim luua veeb, mille üle me kõik uhked oleme: kõikehõlmav veeb, mis on loodud kõigile ja on tarbitav.

Samuti on juurdepääsetavate toodete mitteloomine lihtsalt ebaviisakas, nii et ärge olge ebaviisakas.

Värvide juurdepääsetavus võimaldab nägemispuudega või nägemispuudega inimestel suhelda digitaalsete kogemustega samamoodi nagu nende nägemispuudega kolleegidega. Maailma Terviseorganisatsiooni hinnangul elab 2017. aastal umbes 217 miljonit inimest mõõduka kuni raske nägemiskahjustusega vormis. Ainuüksi see statistika on ligipääsetavuse kujundamiseks piisav põhjus.

"Ligipääsetavate toodete mitteloomine on lihtsalt ebaviisakas, nii et ärge olge ebaviisakas."

Lisaks sellele, et juurdepääsetavus on parim eetiline tava, on juurdepääsetavuse regulatiivsete nõuete mittetäitmisel ka potentsiaalseid õiguslikke tagajärgi. Hagejad esitasid 2017. aastal vähemalt 814 föderaalset hagi väidetavalt ligipääsmatute veebisaitide kohta, sealhulgas mitmed ühishagid. Mitmed organisatsioonid on püüdnud kehtestada juurdepääsetavuse standardeid, eriti Ameerika Ühendriikide juurdepääsuamet (jaotis 508) ja World Wide Web Consortium (W3C). Siin on ülevaade nendest standarditest:

  • Paragrahv 508: 508 vastavus viitab 1973. aasta rehabilitatsiooniseaduse paragrahvile 508. Põhjalikku määrust saate lugeda siit, kuid kokkuvõtlikult võib paragrahv 508 nõuda, et teie sait peab olema juurdepääsetav, kui olete föderaalagentuur või loote saite föderaalameti nimel (nagu töövõtjad).
  • W3C: World Wide Web Consortium (W3C) on rahvusvaheline vabatahtlik kogukond, mis loodi 1994. aastal ja töötab välja veebi avatud standardeid. W3C visandab nende juhised veebi juurdepääsetavuse kohta WCAG 2.1-s, mis on sisuliselt veebi juurdepääsetavuse heade tavade kuldstandard.

Teie toote värvile ligipääsetavuse tagamine

Parim on arvestada juurdepääsetavusega toote elutsükli alguses - see vähendab aega ja raha, mida kulutate oma toodete tagasiulatuvalt juurdepääsetavaks tegemisele. Värvide juurdepääsetavus eeldab toote värvipaleti valimisel pisut ettevalmistustööd, kuid värvide juurdepääsetavuse eest makstakse dividende.

Siin on mõned kiired näpunäited, mis tagavad, et loote värvidele juurdepääsetavaid tooteid.

Lisage piisavalt kontrasti

W3C minimaalse AA-reitingu saavutamiseks peaks teie tausta ja teksti kontrastsuse suhe olema vähemalt 4,5: 1. Niisiis, näiteks nuppude, kaartide või navigatsioonielementide kujundamisel kontrollige kindlasti oma värvikombinatsioonide kontrastsussuhet.

Värvikombinatsioonide juurdepääsetavuse testimiseks on palju tööriistu, kuid minu arvates on kõige kasulikumad need värvilised ja värvilised. Mulle meeldib värvitav, kuna sellel on liugurid, mis võimaldavad teil reaalajas reguleerida tooni, küllastust ja heledust, et näha, kuidas see mõjutab konkreetse värvikombinatsiooni juurdepääsetavuse reitingut.

Ärge usaldage ainult värvi

Juurdepääsetavuse saate tagada ka tagades, et te ei usalda süsteemi olulise teabe edastamiseks värve. Nii et näiteks tõrkeseisundid, eduriigid või süsteemihoiatused, lisage kindlasti sõnumid või ikonograafia, mis kutsub selgelt esile toimuva.

Ka näiteks graafikute või diagrammide kuvamisel tagab kasutajatele tekstuuri või mustrite lisamise võimaluse, et värvipimedad saavad neid eristada, ilma et nad peaksid muretsema värvide pärast, mis mõjutavad nende tajumist andmetest. Trello teeb nende värvipime-sõbraliku režiimi abil selle heaks ära.

Fookuse oleku kontrast

Fookusolekud aitavad inimestel teie saidil klaviatuuri abil navigeerida, andes neile elementide ümber visuaalse indikaatori. Need on abiks nägemispuudega inimestele, liikumispuudega inimestele ja inimestele, kellele meeldib lihtsalt klaviatuuri abil liikuda.

Kõigil brauseritel on vaikimisi fookuse oleku värv, kuid kui kavatsete seda oma tootes ületada, on ülioluline tagada, et pakute piisavalt värvide kontrasti. See tagab nägemispuudega või värvipuudulikega inimestele võimaluse liikuda fookusseisundite abil.

Dokumenteerida ja sotsialiseerida värvisüsteem

Viimaseks on juurdepääsetava värvisüsteemi loomisel kõige olulisem aspekt anda oma meeskonnale võimalus seda vajadusel kasutada, nii et kõigil oleks selge, kuidas neid õigesti kasutada. See mitte ainult ei vähenda segadust ja rabelemist, vaid tagab ka juurdepääsu hõlbustamise alati teie meeskonna prioriteediks. Minu kogemuse põhjal on kõige tõhusam välja kutsuda UI komplektis või kujundussüsteemis konkreetse värvikombinatsiooni juurdepääsetavuse hinnang, eriti kui suhelda selle abil kogu meeskond tööriistaga (nt InVision Craft või InVision DSM). Siin on näide teksti värvikombinatsioonide tausta dokumenteerimisest ja iga kombinatsiooni juurdepääsetavuse reitingust.

Olgem ligipääsetavad

Need on vaid mõned näpunäited, et muuta teie toode juurdepääsetavamaks, kuid pidage meeles, et need on seotud ainult värvi juurdepääsetavusega. Juurdepääsetavuse juhiste üksikasjalikuks mõistmiseks soovitan tutvuda WCAG 2.1-ga. Ehkki need juhised võivad olla pisut hirmuäratavad, on siin palju ressursse, et teid aidata, ja kui kahtlete, pöörduge abi saamiseks oma piirkonna disainerite poole (või Interneti kaudu).

Kas teile meeldis see postitus? Loe veel rohkem InVisioni uuest ajaveebist Inside Design.

Algselt avaldati saidil invisionapp.com.