anunțuri

Dacă lucrați la proiecte de design web, rezultă că accesibilitatea web ar trebui să fie una dintre principalele dvs. considerații pentru experiența utilizatorului. Fie că îmbunătățește paginile pentru utilizatorii cu deficiențe de vedere sau asigurarea faptului că referințele dvs. de pagină web rămân eficiente pe dispozitivele mobile, singura culoare poate fi uneori singurul obstacol între dvs. și un design foarte accesibil și incluziv.

unul dintre cele mai multe Considerații importante este raportul de contrast – sau relația de luminanță dintre elementele clare și întunecate (cel mai adesea text) în designul dvs. Utilizatorii care suferă de anumite deficiențe cognitive pot necesita mai puțin text contrastant, în timp ce cititorii cu deficiențe de vedere pot avea nevoie de o interfață de utilizator foarte contrastantă în proiectul vizual pe care îl consumă.

În mod similar, Daltonismul este, de asemenea, o considerație care necesită atenția oricărei persoane Designerul care implementează un proces de proiectare care vizează un design corect și accesibil.

Vestea bună este că există un mâner. de instrumente ieftine – chiar gratuit – listate de Dribbbbbble, care vă poate ajuta să cunoașteți designul Pentru toți, și cum puteți ajuta pe oameni să trăiască în mod corect designul pe care îl creați.

Contrast

Contrast este o aplicație MacOS care oferă designerilor o modalitate, așa cum sugerează și numele său, la imediat Măsurați raportul de contrast al alegerilor de culoare pentru a se asigura că acestea respectă orientările privind accesibilitatea conținutului web (WCA G). O aplicație concepută pentru feedback imediat fără a fi o povară pentru fluxul de lucru de proiectare, contrastul oferă, de asemenea, un ghid pe site-ul lor care acționează ca un ghid introductiv pentru unele dintre standardele de accesibilitate WCAG.

Cererea acționează ca a Bara de meniu mică pe care vă puteți integra în orice software de proiectare pe care îl utilizați sau mutați bara de meniu în jurul desktopului pentru ao folosi ca o fereastră plutitoare oriunde altundeva pe ecran.

Color-Safe

Dacă sunteți în căutarea unei opțiuni în browser, culoarea Safe este un instrument web care permite designerilor să genereze palete de culori pe baza standardelor WCAG pentru raportul de contrast. Pur și simplu selectați culoarea de fundal, familia de fonturi, dimensiunea și greutatea fonturilor proiectului dvs. – plus standardul WCAG pe care încercați să îl atingeți – și seiful de culoare va genera paleți pe care îl puteți compara raportul de contrast.

Tanaguru Contrast-Finder

Tanaguru Contrast-Finder este un instrument web ușor de utilizat care vă permite să introduceți pur și simplu Culorile dvs. de prim plan și fundalul preferat (în codul RGB sau hexazecimal) pentru a controla raportul de contrast al modelului dvs. Instrumentul vă permite să selectați raportul minim de contrast dorit în timp ce generați o listă de culori adiacente pentru a evalua.

Aceste alternative sunt, de asemenea, furnizate cu eșantioane în utilizarea dimensiunilor de text, a unor rapoarte diferite de greutate și contrastul, care vă oferă O idee despre culorile și alegerile de text care nu numai că vor fi mai accesibile, ci se vor potrivi perfect în designul dvs. global.

cu pluginuri pentru Adobe XD, FIGMA și Sketch, Stark este un plugin care oferă o secvență de instrumente pentru a promova standardele accesibile și incluzive – direct de la software-ul cu care designerii sunt deja lucru. Instrumentul de control al contrastului STARK permite designerilor să verifice faptul că tipografia lor și dimensiunea fontului – împreună cu culorile de fundal sau vizualele de susținere a designului – oferă o lizibilitate necesară și un contrast suficient pentru a armoniza orientările de accesibilitate.

în Premium, STARK ajută, de asemenea, la rezolvarea altor probleme de accesibilitate, inclusiv daltonismul. Aplicația permite designerilor să-și vizualizeze activitatea în simularea Daltonismului și să facă schimbări în sistemul lor de proiectare.

Spectrum

Spectrum este, de asemenea, un instrument gratuit care vă poate ajuta să vă proiectați produsele prin gândirea daltonilor.Extensia gratuită Google Chrome dezvoltată de Yehor Lvivski, Spectrum permite, de asemenea, designerilor să-și testeze direct site-urile pe o serie de mai mult de opt versiuni diferite de deficiențe de vedere ale culorii, inclusiv o gamă de daltonism roșu-verde și galben albastru.

Cu mai mult de 200 de milioane de persoane cu deficiențe de vedere în lume, accesibilitatea web ar trebui să fie o considerație esențială în toate procesele de proiectare. Acum că aveți aplicații practice în caseta dvs. de instrumente, este rândul dvs. să mergeți și să faceți web un loc mai accesibil tuturor!

prin dribbbb

iti place ? Acțiune! :

Leave a comment

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *