Aplikacije za jednu stranicu predstavljaju značajan izazov za pristupačnost kada je riječ o komuniciranju promjena pogleda. Bez osvježavanja stranice čitači zaslona ne prihvaćaju ove važne promjene korisničkog sučelja, a korisnici s oštećenim vidom ostaju zbunjeni i nesvjesni.
Jedno je rješenje stvoriti poruku na temelju naslova stranice i iskoristiti ARIA područje uživo da izričito putem korisne poruke najavi da se učitao novi pogled. Prvo stvorite funkciju koja se poziva kada se viewContent ažurira. AngularJS u tu svrhu pruža događaj $ viewContentLoaded. U kodu kontrolera preslušajte događaj i pozovite funkciju (u CoffeeScriptu):
app.controller 'PageController', ($ opseg, $ lokacija, $ http) -> $ opseg. $ na '$ viewContentLoaded', announce_view_loaded
U funkciji identify_view_loaded ažurirajte naslov stranice i najavite poruku. Iako okviri s jednom stranicom ne ažuriraju automatski naslove stranica, sinhroniziranje naslova stranice s trenutnim prikazom poboljšava razumijevanje prikaza korisnika.
Jedan od načina za to je korištenje atributa podataka negdje u prikazu za spremanje naslova pogleda:
document.title = $ (’[data-viewtitle]’). data ‘viewtitle’
Sada izradite poruku pomoću ažuriranog naslova stranice i najavite je:
$ .announce (document.title + ’, pogled učitan’)
$ .announce () je funkcija jQuery koja koristi jednu, nevidljivu regiju uživo za najavu sadržaja. Ovaj pristup pomaže pojednostaviti kôd i napore za uklanjanje pogrešaka u usporedbi s ad hoc upotrebom živih regija. Međutim, postoji nekoliko najboljih praksi koje treba zapamtiti.
Prvo stvorite jedinstvenu regiju uživo za 'najavljivača' da biste najavili sadržaj pomoću aria-live = "pristojno | asertivno". Ne koristite nijednu drugu regiju uživo, uključujući uloge regije uživo (npr. Role = "alert | timer | log"). Primjer žive regije:
div aria-live = "ljubazno" id = "najavljivač"> (Tekst ovdje dodan ili ažuriran bit će objavljen) / div>
Drugo, očistite sadržaj žive regije ubrzo nakon ažuriranja sadržaja. To sprječava korisnike da nalete na stare poruke.
Napokon, kao i kod bilo koje tehnike pristupačnosti, razumno upotrijebite $ .announce (). Treba ga koristiti samo za priopćavanje značajnih ažuriranja korisničkog sučelja.
Riječi: Patrick Fox
Patrick Fox je direktor internetskog korisničkog sučelja u tvrtki Razorfish u Austinu. Ovaj se članak izvorno pojavio u broju 271 časopisa net.
Sviđa li vam se ovo? Pročitajte ovo!
- Dizajnerov vodič za digitalnu dostupnost
- Najbolji besplatni fontovi skripti
- Besplatan izbor fontova za grafite