10 alata za poboljšanje pristupačnosti web stranice

Nema sumnje da razumijete kako bi vaša web stranica mogla biti dostupna što većem broju korisnika. Ali čitanje svih smjernica i standarda može biti malo neodoljivo. Ovdje možete pronaći najnovije W3C preporuke, ali trebate li znati svaku riječ i slijediti svaku smjernicu?

Danas ćemo pokušati sve olakšati nekim alatima i resursima koji će vam pomoći da poboljšate dostupnost web mjesta (a možda čak i neke provjere za koje smatramo da nisu bili na vašem radaru!).

Bez obzira na to želite li osigurati dovoljno vizualnog kontrasta, web lokacije koja je dostupna čitateljima zaslona ili čak stvarate dostupne e-poruke, obradili smo se!

1. Sigurno u boji

Color Safe vam pomaže da provjerite (pa čak i stvorite) dostupne palete boja na temelju WCAG smjernica za kontrast teksta i pozadinske boje. Alat i standardi koriste formulu na temelju omjera za određivanje kombinacija boja koje mogu čitati svi.

WCAG smjernice preporučuju omjer kontrasta od 4, 5 za mali (tjelesni) tekst i 3 za veliki tekst (bilo što preko 24 točke).

Samo unesite svoje boje - na temelju HEX koda - izbora i veličine fonta i stvorite paletu. Dobivate trenutni omjer za provjeru i mogu se vidjeti ostale slične boje. Provjerite može li nešto slično biti bolja opcija na temelju vašeg slova i veličine.

2. Bez kave

NoCoffee je proširenje preglednika Google Chrome koje vam pomaže da vizualizirate svoj dizajn na isti način na koji ga može vidjeti neko ko ima oštećenje vida. (Ništa ne naglašava važnost pristupačnosti poput gledanja na ovaj način.)

Može provjeriti i pokazati sljedeće:

  • Mala oštrina s malim ciljevima teksta ili klika
  • Problemi s niskim kontrastom s tekstom i pozadinskim elementima
  • daltonizam
  • Vizualni snijeg, blještavilo, duhovi i katarakta
  • Nistagmus, što je brzo nehotično kretanje očiju
  • Zabranjena vidna polja

3. Kontrastna provjera

Kontrastni kontrast omogućuje vam da na zaslonu unesete boje pozadine i prednjeg plana i neposrednu provjeru nekoliko vizualnih standarda s trenutnim prolazom / neuspjehom kodiranim bojama.

Lijepe značajke alata uključuju mogućnost prelaska između opcija boja i sivih tonova, dijeljenje uzoraka čekova i povlačenje boja s slika. Možete i spremiti PDF uzorak. To je jednostavan alat s mnoštvom funkcija koje svatko može brzo koristiti.

Također pruža omjer boja kako je navedeno u WCAG smjernicama.

4. Tota11y

Tota11y je JavaScript datoteka koja u sitni gumb stavlja donji kut dokumenata. Prošire se alatnom trakom koja uključuje više dodataka za različite provjere pristupačnosti.

  • Kršenja naloga i naslova
  • Kontrast (ili nedostatak istih)
  • Tekst veze koji nedostaje ili je zbunjujući
  • Oznake koje nedostaju u ulazima
  • Slike bez alt teksta
  • Oznake su orijentiri ARIA-e
  • Čitač zaslona "štapiće" tako da možete "čitati" web mjesto kao što bi to učinio čitač zaslona

5. WAVE

WAVE ili alat za procjenu pristupačnosti webu na jednom mjestu je bogat zbirka čekova.

Alat koristi vizualni prekrivanje ikona koje se odnose na informacije na bočnoj traci za pružanje pojedinosti o svemu, od kontrasta boja do suvišnih naslova do linkova do HTML-a i strukturnih elemenata.

Besplatni program za provjeru daje vam gotovo sve što trebate znati o pojedinoj stranici, ali WAVE uključuje i plaćene alate na razini poduzeća za vlasnike ili korisnike više web lokacija koji žele istodobno s više stranica. Također uključuje Chrome i Firefox proširenja preglednika koji mogu provjeriti intranet, zaštićene lozinkom, dinamički generirane ili osjetljive web stranice u privatnom okruženju.

6. 508 Checker

Provjeravač 508 testira URL-ove kako bi utvrdio ispunjava li web stranica smjernice za usklađenost Sjedinjenih Država 508, što je zakonom obavezno za bilo koju organizaciju koja prima savezna sredstva.

Iako je ovaj alat besplatan, morate se registrirati da biste vidjeli sve rezultate skeniranja.

Web stranica uključuje i druge alate i resurse, uključujući kviz za pomoć organizacijama da otkriju podliježu li 508 usklađenosti i posebnim resursima za visoko obrazovanje, neprofitne organizacije i vladina tijela.

7. HTML_CodeSniffer

HTML_CodeSniffer je skripta na strani klijenta koja provjerava izvorni kôd i traži kršenje definiranih standarda. Provjerava Smjernice o pristupačnosti web sadržaja 2.0 i odjeljak 508 u SAD-u.

Zalijepite kôd izravno na web mjesto radi provjere ili koristite oznaku.

Jednostavna je za upotrebu i možete odabrati vrstu informacija za prikaz - pogreške, upozorenja ili obavijesti i vidjeti izvještaj u kojem su detaljno opisane bilo kakve nedoumice.

8. Pristupačna e-pošta

Pristupačna e-pošta internetska je provjera i HTML uređivač koji će vam pomoći poboljšati kôd newslettera prije nego što ga pošaljete. (Možete provjeriti i prošle / poslane kampanje.)

Uz toliko digitalne komunikacije i generacije potencijalnih korisnika koji dolaze iz e-pošte, to ne bi trebao biti jedan od zaboravljenih elemenata web mjesta u pogledu pristupačnosti, ali često jest. Ista pravila pristupačnosti na webu primjenjuju se i na slanje e-pošte.

Alat je besplatan za upotrebu i osmišljen je za promociju dostupnosti i upotrebljivosti marketinga putem e-pošte.

9. Amara

Amara je alat za stvaranje titlova i zatvorenih titlova za videozapise.

Pružanje načina za povezivanje bez zvuka ili na nekom drugom jeziku može otvoriti vaše dizajnerske elemente većem broju ljudi, posebno ako je video ključni element dizajna.

Ovaj alat uključuje besplatne i poslovne mogućnosti koje olakšavaju postavljanje jezika na zaslon u čitljiv format koji djeluje na web stranicama i platformama za strujanje videozapisa, kao što je YouTube.

10. MobiReady

MobiReady nudi testiranje mobilne pristupačnosti u vizualnom formatu i s izvješćem o rezultatima, tako da možete vidjeti gdje web stranica može biti manja od najmanjeg uređaja.

Svoju web lokaciju možete usporediti sa Alexa 1000, rangiranjem najboljih web stranica na svijetu; dobiti detaljne tehničke rezultate s preporukama i vidjeti prikaz vaše web stranice na različitim zaslonima, uključujući uređaje visokog, srednjeg i nižeg sloja.

Jedan od najboljih dijelova ovog testa je to što je postignut na desecima područja i postoje prijedlozi za poboljšanje uz svaki „neuspjeh“.

Zaključak

Kada je u pitanju dostupnost web stranica, važno je uzeti u obzir upotrebljivost i čitljivost za sve vrste korisnika. Razmislite o boji, veličini i smještaju elemenata, naslova i titlova, odgovarajućeg HTML-a i strukture, pa čak i e-pošte, kako biste što većem broju ljudi pružili najbolje iskustvo.

Važno je i provjeriti da li postoje regionalna ili nacionalna pravila o poštivanju koja bi se mogla primijeniti na vaše projekte, kao što su prethodno navedeni standardi usklađenosti 508.

A kad je u pitanju sumnja, bolje je pogriješiti na strani pristupačnosti. U redu je prilagoditi boju palete ili povećati veličinu fonta kako bi više ljudi sa lakoćom shvatilo što ima na zaslonu.

© Copyright 2024 | computer06.com