Kako bi korisnicima koji koriste čitače zaslona vaše web mjesto omogućilo navigaciju, razmislite o primjeni sljedećih smjernica za pristupačnost:
1. Jasna i dosljedna navigacija:
- Koristite logičnu i dobro organiziranu strukturu za navigaciju vašeg web mjesta.
- Provjerite je li vaš navigacijski izbornik lako lociran i dosljedno postavljen na svakoj stranici.
- Koristite opisne i sažete oznake za navigacijske veze i gumbe.
- Uključite vezu "preskoči na glavni sadržaj" kako biste korisnicima čitača zaslona omogućili zaobilaženje elemenata navigacije koji se ponavljaju.
2. Smisleni naslovi i struktura dokumenta:
- Koristite odgovarajuće HTML oznake naslova (h1, h2, h3, itd.) u hijerarhijskom redoslijedu kako biste strukturirali svoj sadržaj.
- Osigurajte da naslovi točno opisuju sadržaj koji im prethodi.
- Izbjegavajte korištenje naslova isključivo u svrhu oblikovanja jer to može zbuniti korisnike čitača zaslona.
3. Opisni tekst veze:
- Koristite opisni i smisleni tekst za hiperveze umjesto generičkih izraza poput "kliknite ovdje" ili "saznajte više."
- Provjerite je li svrha svake veze jasna kada se čita izvan konteksta.
- Izbjegavajte korištenje samo slika kao elemenata na koje se može kliknuti bez alternativnog teksta koji opisuje njihovu funkciju.
4. Alternativni tekst (Alt Text) za slike:
- Navedite alternativni tekst za sve slike na vašoj web stranici, koji bi trebao opisivati sadržaj ili funkciju slike.
- Koristite zamjenski tekst koji je sažet, ali ipak pruža potreban kontekst za sliku.
5. Pravilno označavanje obrasca:
- Koristite odgovarajuće oznake za polja za unos obrasca i pružite jasne upute.
- Povežite oznake s odgovarajućim elementima obrasca pomoću HTML atributa "za".
- Izbjegavajte tekst rezerviranog mjesta kao zamjenu za oznake, jer može nestati kada korisnik počne unositi podatke.
6. ARIA orijentiri i uloge:
- Koristite ARIA (Accessible Rich Internet Applications) orijentire za definiranje različitih dijelova vaše web stranice, kao što su zaglavlje, podnožje, navigacija, glavni sadržaj, itd. - Dodijelite
odgovarajuće ARIA uloge elementima koji nemaju izvorno semantičko značenje, osiguravajući da korisnici čitača zaslona razumiju njihovu svrhu.
7. Pristupačnost tipkovnice:
- Osigurajte da se svim interaktivnim elementima (gumbi, poveznice, unosi obrasca) može pristupiti i aktivirati samo pomoću tipkovnice.
- Omogućite vizualne indikatore fokusa (kao što su obrisi ili isticanje) da naznačite koji je element trenutno fokusiran.
8. Testirajte i prikupite povratne informacije:
- Redovito testirajte svoje web mjesto pomoću softvera za čitanje zaslona kako biste osigurali odgovarajuću dostupnost.
- Prikupite povratne informacije od korisnika koji se oslanjaju na čitače zaslona kako bi identificirali potencijalne probleme ili područja za poboljšanje.
Slijedeći ove smjernice, možete poboljšati navigaciju i ukupnu dostupnost svoje web stranice za korisnike koji se oslanjaju na čitače zaslona.
Datum objave: