Kas ir WCAG attiecība? Kāpēc tas būtu jāievieš savos dizainos

Tīmekļa satura pieejamības vadlīnijas (WCAG) ir digitālā un tīmekļa dizaina pieejamības vadlīnijas. Šo vadlīniju ievērošana nodrošina, ka krāsas ir pietiekami kontrastējošas, lai palīdzētu cilvēkiem ar redzes traucējumiem pareizi redzēt un izlasīt jūsu dizainu. Tas arī iet roku rokā ar tipogrāfisko izmēru, lai nodrošinātu tā lasāmību kopā ar krāsām.

Pasaulē, kurai vajadzētu būt iekļaujošākai, pieejamu elementu pievienošana jūsu dizainam tikai paaugstinās jūsu darbu un ļaus jums to kopīgot ar vairāk cilvēku.

Kas ir WCAG attiecība?

WCAG apzīmē Tīmekļa satura pieejamības vadlīnijas. WCAG palīdz ikvienam, kas izstrādā vai veido tīmeklim vai internetam, lai nodrošinātu, ka viņu dizaini atbilst pieejamības mērķiem. Tas nozīmē, ka jūsu dizainu var baudīt un izmantot ikviens, ja iespējams, neizslēdzot cilvēkus ar redzes traucējumiem vai citiem traucējumiem.

WCAG koeficients nosaka minimālās attiecības mērķa pieejamībai. Tas ietver krāsu kontrastu un teksta lielumu, kas nodrošina cilvēkiem ar redzes traucējumiem lielākas iespējas redzēt, mijiedarboties un izmantot jūsu dizainu. WCAG koeficienta sasniegšana ne tikai palīdz tiem, kam ir redzes traucējumi, bet arī palielina visu tīmekļa lietotāju lietošanas pieredzi.

The World Wide Web Consortium izstrādā tīmekļa izstrādes standartus. Lai gan tīmekļa pieejamībai nav noteiktu noteikumu, WCAG nosaka standartu, kas jāievēro jebkuram tīmekļa izstrādātājam.

Pārbaudot kontrasta attiecības, WCAG iesaka vērtējumu no A līdz AAA. A vērtējums parāda zemāko kontrasta līmeni. AA ir vidēja diapazona kontrasta līmeņi ar attiecību 4,5:1, kas tiek uzskatīta par minimālo attiecību. Visbeidzot, AAA ir augstākais kontrasta līmenis. Ja dizains ir paredzēts ikvienam, jūsu kontrasta līmenis ir vislabākais diapazonā no AA līdz AAA.

Kāpēc WCAG attiecība ir svarīga grafiskajā un tīmekļa dizainā?

Grafiskais dizains un tīmekļa dizains nedrīkst tikai padarīt informāciju glītu. Informācijas dizains informē masu — tas nozīmē padarīt jūsu informāciju pieejamu visiem. WCAG ieviešana nodrošina pieejamus dizainus tiem, kam ir redzes traucējumi, disleksija, neirodiverģence vai jebkas, kas ietekmē redzi vai lasīšanas spējas.

Tīmekļa un digitālā dizaina, kā arī programmēšanas jomā jau ir ieviesti pieejamības līdzekļi. Piemēram, Windows nodrošina lietotājiem noderīgus pieejamības rīkus, un tas jau ir ierasts, ka lielākā daļa YouTube videoklipu tiek piedāvāti subtitrus vai parakstus. Taču mēs vienmēr varam uzlabot pieejamību.

Globālais dizains rada labāku dizainu. Jo vairāk cilvēku var iesaistīties jūsu dizainā, jo veiksmīgāks tas ir un jo lielāka sasniedzamība. Jums kā dizaineram ir ne tikai izdevīgi sasniegt vairāk cilvēku, bet arī pasaulei ir labāk, ja mazāk cilvēku tiek izslēgti.

Projektēšana, izmantojot WCAG attiecību un pieejamības līdzekļus jūsu dizainā, pozitīvi ietekmēs krāsu paletes, tipogrāfijas izvēli un teksta izmērus. Jūs ar nolūku neveidotu kaut ko grūti lasāmu, tāpēc kāpēc gan jūs neiekļautu vairāk veidu, kā izveidot dizainu, kas būtu labāk lasāms visiem cilvēkiem?

WCAG koeficienta ieviešana jūsu dizainā

Ir vietas, kurās varat pārbaudīt WCAG attiecību, piemēram, šī kontrasta pārbaudītājs tīmekļa vietne. Bet jums jebkurā gadījumā ir jāiemācās savā darbā ieviest pieejamus dizaina elementus, nepaļaujoties uz minimālo pārbaudi.

Jāņem vērā, ka kontrasta vadlīnijas neattiecas uz logotipa dizainu. Tas ir saistīts ar to, ka logotipi tiek parādīti dažādos izmēros un bieži uz dažādiem foniem. Tomēr, izstrādājot logotipus, jums nekaitēs ņemt vērā WCAG attiecību.

Augsta kontrasta krāsas

Augsta kontrasta krāsu izmantošana ir vienkāršs veids, kā pievienot dizainam iekļautību. Krāsas, kas kontrastē viena ar otru, palīdzēs cilvēkiem ar redzes traucējumiem un daltoniskiem labāk redzēt jūsu dizainu. Ne tikai tas, bet pat cilvēki, kuriem nav redzes traucējumu, labāk redzēs jūsu dizainu un iesaistīsies tajos.

Vai esat kādreiz mēģinājis lasīt gaiši rozā tekstu uz gaiši zaļa fona? Tas ir gandrīz neiespējami. Bet tumši zils teksts uz gaiši dzeltena fona ir daudz vieglāk saskatāms un lasāms.

Augsta kontrasta krāsas vislabāk darbojas, ievietojot tekstu uz krāsaina fona vai ja ilustrācijās izmantojat mazus ceļus. Khroma ir AI krāsu paletes ģenerators, kas ir aprīkots ar iebūvētu kontrasta pārbaudītāju — viens no daudzajiem lieliskajiem AI rīki, lai palīdzētu jūsu grafiskā dizaina darbplūsmai.

Lielisks veids, kā pārbaudīt kontrastu, ir pārveidot dizainu pelēktoņos. Ja varat atdalīt krāsas un izprast dizainu melnā un pelēkā krāsā, tam vajadzētu labi iztulkot arī jūsu izvēlētajās krāsās.

Teksta lielums

Tā kā teksta krāsas ir pietiekami kontrastētas ar fona krāsām, pašam tekstam ir jābūt pietiekami lielam, lai to varētu viegli lasīt. WCAG attiecība liela izmēra tekstam ir 3:1.

Teksta lielums visās tipogrāfijās nav vienāds, tāpēc nepaļaujieties uz 12 punktu izmēru, kas parasti tiek uzskatīts par standarta lasāmības minimālo izmēru, visiem fontiem. Izmēģiniet tos pats vai ar lietotāju testētājiem, parādot vai izdrukājot reāla izmēra dizainus. Ja jūsu krāsas nav tik labi kontrastētas, lielāks teksts uzlabos lasāmību kā risinājums.

Fontu lasāmība

Pats par sevi saprotams, bet fontiem, kurus izvēlaties savos dizainos, ir jābūt viegli salasāmiem. Dekoratīviem fontiem, kursīvajiem fontiem vai ar roku zīmētiem fontiem bieži ir lasāmības problēmas. Smagā metāla grupas ir slavenas ar to, ka, piemēram, savu grupu logotipiem izmanto pēc būtības grūti salasāmus burtveidolus.

Lietojot tekstu maziem dizainparaugiem, jums jāapsver arī atzarošana un izsekošana. Burtu atstarpes var ietekmēt arī paredzēto vārdu lasāmību.

Iekļauti pieejamības faktori

Lai gan WCAG proporcijās tiek ņemts vērā tikai krāsu kontrasts, fonta lielums un teksta lasāmība tīmekļa dizainā, jums vajadzētu veidot visus tīmekļa un grafiskos dizainus, paturot prātā iekļautību.

Ja esat tīmekļa dizainers un strādājat ar programmētāju vai kodētāju, pārliecinieties, ka esat izmantojot HTML metodes, kas palīdz nodrošināt tīmekļa pieejamību. Tur ir arī pieejamības funkcijas pakalpojumā Canva lai paplašinātu savu dizainu sasniedzamību ar savu auditoriju.

Jums nevajadzētu apstāties tikai pie minimālajām prasībām WCAG koeficientiem; ja varat kontrolēt alternatīvā teksta pievienošanu attēliem, parakstu pievienošanu audio vai video failiem vai pat noderīgs teksta formulējums hipersaitēm, kuras skaļi nolasa ekrāna lasītāji. tālāk. Pieejamības funkciju iekļaušana neizslēdz nevienu auditoriju — tas tikai aicina pievienoties vairāk cilvēku.

Projektēšana ar WCAG koeficientu uzlabo dizainu visiem

Tīmekļa dizaina standarti nāk no World Wide Web Consortium — kopienas, kas palīdz izmantot paraugpraksi visā tīmeklī. Konsorcijs izstrādāja tīmekļa satura pieejamības vadlīnijas, kas tīmekļa dizaineriem būtu jāievēro. Tas nodrošina koeficienta standartu redzamības pārbaudēm, izstrādājot tīmeklim.

Šo vadlīniju un attiecību standartu ievērošana nozīmē, ka jūsu tīmekļa dizainiem var piekļūt vairāk cilvēku.