10 rīki vietņu pieejamības uzlabošanai
Nav šaubu, ka jūs saprotat, ka jūsu vietnei jābūt pieejamai pēc iespējas lielākam skaitam lietotāju. Bet visu vadlīniju un standartu izlasīšana var būt nedaudz apgrūtinoša. Šeit varat atrast jaunākos W3C ieteikumus, taču vai jums jāzina katrs vārds un jāievēro visi norādījumi?
Šodien mēs mēģināsim to visu padarīt nedaudz vieglāku, izmantojot dažus rīkus un resursus, kas palīdzēs uzlabot vietņu pieejamību (un varbūt pat dažas pārbaudes, lai ņemtu vērā, ka jūsu radara nebija).
Neatkarīgi no tā, vai vēlaties nodrošināt pietiekamu vizuālo kontrastu, vietni, kas ir pieejama ekrāna lasītājiem, vai pat izveidojat pieejamus e-pasta ziņojumus, mēs esam iekļauti!
1. Droša krāsa
Krāsu drošība palīdz jums pārbaudīt (un pat izveidot) pieejamās krāsu paletes, pamatojoties uz WCAG vadlīnijām teksta un fona krāsu kontrastam. Rīks un standarti izmanto formulu, kuras pamatā ir attiecība, lai noteiktu krāsu kombinācijas, kuras var lasīt visi.
WCAG vadlīnijas iesaka kontrasta koeficientu 4.5 mazam (pamattekstam) un 3 lielam tekstam (jebkam, kas pārsniedz 24 punktus).
Vienkārši ievadiet krāsas - pamatojoties uz HEX kodu - fonta izvēli un izmēru un ģenerējiet paleti. Jūs saņemat tūlītēju attiecību, lai pārbaudītu un vai jūs varētu redzēt citas līdzīgas krāsas. Pārbaudiet, vai kaut kas līdzīgs varētu būt labāks risinājums, ņemot vērā jūsu burtveidolu un izmēru.
2. NoCoffee
NoCoffee ir Google Chrome pārlūka paplašinājums, kas palīdz jums vizualizēt savu dizainu tādā pašā veidā, kā to varētu redzēt kāds, kuram ir redzes traucējumi. (Nekas neizceļ pieejamības nozīmi, piemēram, redzot to šādā veidā.)
Tas var pārbaudīt un parādīt:
- Zems asums ar mazu teksta vai klikšķu mērķi
- Zema kontrasta problēmas ar teksta un fona elementiem
- Krāsu aklums
- Vizuāls sniegs, atspīdums, aizēnošanās un katarakta
- Nistagms, kas ir ātra acu piespiedu kustība
- Aizsegtie redzamības lauki
3. Kontrasta pārbaudītājs
Kontrasta pārbaudītājs ļauj ievadīt fona un priekšplāna krāsas uz ekrāna un saņemt tūlītēju vairāku vizuālo standartu pārbaudi ar tūlītēju, krāsu kodētu caurlaide / neizdošanās.
Jaukās rīka īpašībās ietilpst spēja pārvietoties starp krāsu un pelēktoņu opcijām, dalīties ar čeku paraugiem un izvilkt krāsas no attēliem. Varat arī saglabāt PDF paraugu. Tas ir vienkāršs rīks ar daudzām funkcijām, kuras ikviens var ātri izmantot.
Tas arī nodrošina krāsu attiecību, kā norādīts WCAG vadlīnijās.
4. Tota11y
Tota11y ir JavaScript fails, kurā dokumentu apakšējā stūrī tiek ievietota niecīga poga. Tas paplašinās ar rīkjoslu, kurā ir iekļauti vairāki spraudņi dažādām piekļuves pārbaudēm.
- Virsrakstu un pozīciju secības pārkāpumi
- Kontrasts (vai tā trūkums)
- Saites teksts trūkst vai ir mulsinošs
- Iezīmes, kurām trūkst ieeju
- Attēli bez alt-text
- Etiķetes ir ARIA orientieri
- Ekrāna lasītāja “nūjiņa”, lai jūs varētu “lasīt” vietni tāpat kā ekrāna lasītājs
5. VIĻŅI
WAVE jeb tīmekļa pieejamības novērtēšanas rīks ir spēcīga čeku kolekcija vienuviet.
Rīks izmanto vizuālu ikonu pārklājumu, kas attiecas uz informāciju sānjoslā, lai sniegtu informāciju par visu, sākot no krāsu kontrasta līdz liekiem nosaukumiem un beidzot ar saitēm uz HTML un strukturāliem elementiem.
Bezmaksas pārbaudītājs dod jums gandrīz visu, kas jums jāzina par vienu lapu, bet WAVE ietver arī apmaksātus, uzņēmuma līmeņa rīkus vairāku vietņu īpašniekiem vai lietotājiem, kuri vēlas vairāk nekā vienu lapu vienlaikus. Tajā ir arī pārlūka Chrome un Firefox paplašinājumi, kas privātā vidē var pārbaudīt iekštīklā, ar paroli aizsargātas, dinamiski ģenerētas vai sensitīvas tīmekļa lapas.
6. 508 pārbaudītājs
508 pārbaudītājs pārbauda vietrāžus URL, lai noteiktu, vai vietne atbilst Amerikas Savienoto Valstu 508 atbilstības vadlīnijām, kuras saskaņā ar likumu tiek pieprasītas jebkurai organizācijai, kas saņem federālo finansējumu.
Kamēr šis rīks ir bezmaksas, jums ir jāreģistrējas, lai redzētu pilnīgus skenēšanas rezultātus.
Vietnē ir arī citi rīki un resursi, ieskaitot viktorīnu, lai palīdzētu organizācijām noskaidrot, vai uz tām attiecas 508 atbilstība, un īpašus resursus augstākajai izglītībai, bezpeļņas organizācijām un valdības struktūrām.
7. HTML_CodeSniffer
HTML_CodeSniffer ir klienta puses skripts, kas pārbauda avota kodu un meklē noteikto standartu pārkāpumus. Tas pārbauda gan Web satura pieejamības vadlīnijas 2.0, gan ASV sadaļu 508.
Ielīmējiet kodu tieši vietnē, lai pārbaudītu, vai izmantojiet grāmatzīmi.
Tas ir ērti lietojams, un jūs varat izvēlēties, kāda veida informāciju parādīt - kļūdas, brīdinājumus vai paziņojumus, kā arī skatīt ziņojumu, kurā sīki aprakstītas visas čeka problēmas.
8. Pieejams e-pasts
Pieejamais e-pasts ir tiešsaistes pārbaudītājs un HTML redaktors, kas palīdzēs jums uzlabot e-pasta biļetenu kodu pirms tā nosūtīšanas. (Varat arī pārbaudīt iepriekšējās / nosūtītās kampaņas.)
Tā kā no e-pasta nāk tik daudz digitālo komunikāciju un potenciālo pircēju, tam nevajadzētu būt vienam no aizmirstiem vietnes elementiem piekļuves ziņā, bet tas bieži vien ir. Tie paši noteikumi par piekļuvi tīmeklī attiecas arī uz e-pasta sūtījumiem.
Rīks ir brīvi lietojams un paredzēts e-pasta mārketinga pieejamības un lietojamības veicināšanai.
9. Amara
Amara ir rīks, lai izveidotu subtitrus un slēgtus parakstus video.
Nodrošinot veidu, kā izveidot savienojumu bez skaņas vai citā valodā, var atvērt jūsu dizaina elementus vairāk cilvēku, it īpaši, ja video ir galvenais dizaina elements.
Šajā rīkā ir iekļautas bezmaksas un uzņēmuma iespējas, kas atvieglo valodas ievietošanu ekrānā lasāmā formātā, kas darbojas vietnēs un video straumēšanas platformās, piemēram, YouTube.
10. MobiReady
MobiReady nodrošina mobilās piekļuves testu vizuālā formātā un ar rezultātu pārskatu, lai jūs varētu redzēt, kur jūsu vietne varētu atpalikt vismazākajās ierīcēs.
Varat salīdzināt savu vietni ar Alexa 1000 - pasaules labāko vietņu rangu; iegūstiet detalizētus tehniskos rezultātus ar ieteikumiem un skatiet savas vietnes renderēšanu uz dažādiem ekrāniem, ieskaitot ierīces ar augstu, vidēju un zemu līmeni.
Viena no labākajām šī testa daļām ir tā, ka tā tiek vērtēta desmitiem apgabalu, un ir ieteikumi uzlabojumiem ar jebkuru neveiksmi.
Secinājums
Runājot par vietņu pieejamību, ir svarīgi ņemt vērā lietojamību un lasāmību visiem lietotājiem. Padomājiet par krāsu, izmēru un elementu, parakstu un subtitru izvietojumu, atbilstošu HTML un struktūru un pat e-pastu, lai jūs pēc iespējas vairāk cilvēku nodrošinātu vislabāko iespējamo pieredzi.
Ir arī svarīgi pārbaudīt, vai nav reģionālo vai nacionālo atbilstības noteikumu, kas varētu attiekties uz jūsu projektiem, piemēram, iepriekšminētie 508 atbilstības standarti.
Ja rodas šaubas, labāk kļūdīties piekļuves pusē. Labi ir pielāgot krāsu no paletes vai sakopt fonta lielumu, lai vairāk cilvēku varētu viegli saprast, kas ir uz ekrāna.
