Strani

sreda, 22. avgust 2012

Dostopnost spletnih strani se začne pri oblikovanju

Plakat “WebAccessibility for Designers” sem našla na spletni strani http://webaim.org/resources/designers/. Na plakatu so zajeti dejavniki, na katere bi morali biti oblikovalci spletnih strani pozorni.
Ker opozarjanje na to problematiko ni nikoli odveč, objavljam plakat tudi v mojem blogu:Web Accessibility for Designers infographic with link to text version at WebAIM.org

Opis plakata

Dostopnost spletnih strani se začne pri oblikovanju:
  • Dovolj zgodaj načrtuj strukturo naslovov. Celotna vsebina in oblika naj bo organizirana v logično strukturo naslovov.
  • Dobro premisli, kakšen je vrstni red branja. Vrstni red branja naj bi bil enak kot vizualni vrstni red.
  • Uporabi primerne kontraste. Še posebej bodi pozoren pri svetlih odtenkih sive, oranžne in rumene.
  • Uporabi “True Type” fonte. Takšni fonti se bolje povečujejo, naložijo se hitreje, prevajanje je lažje. Uporabljaj CSS za dodajanje stilov.
  • Bodi previden pri uporabi besed z velikimi tiskanimi črkami (CAPS). Besedilo z velikimi tiskanimi črkami se težje bere, tudi bralniki ekrana pa lahko preberejo nepravilno.
  • Uporabi primerno velikost pisave. Velikost pisave je odvisna od vrste pisave, vendar naj ne bo manjša od 10 pt.
  • Pazi na dolžino vrstice. Naj ne bodo predolge in ne prekratke.
  • Povezave naj bodo razločne. Povezave naj se ločijo od teksta s podčrtovanjem ali drugim poudarkom. Vendar ne samo z drugo barvo.
  • Oblikuj vidno označbo trenutne pozicije. Premikanje med povezavami s tipkovnico naj bo tudi vidno označeno. Uporabi standardno črtkano obrobo povezave, ali pa kakšno drugo nebarvno oznako.
  • Uporabi povezavo “Skoči na glavno vsebino”. Povezava naj bo na začetku strani. Lahko je skrita, vendar se prikaže, ko se doseže s tipkovnico.
  • Besedilo povezave naj ima ustrezen pomen. V povezavah se izogibaj besedilu “Klikni tukaj”. Tudi besedila povezav, kot na primer “Več” ali “Nadaljuj”, niso vedno primerna.
  • Pazljivo uporabljaj videe, animacije in zvočne posnetke. Če že, potem dodaj gumbe play/pause. Ne uporabljaj bliskajočih efektov: lahko povzročijo napade.
  • Ne opiraj se samo na barve. Nekateri uporabniki ne razločijo barv. Barve naj ne bodo edini način, s katerim je predstavljena informacija.
  • Kontrolniki v obrazcih naj bodo dostopni. Določi jim opisna imena in navodila. Preveri veljavnostna pravila in mehanizme obnovitve stanja.
Pri prevajanju tega plakata sem postala pozorna na povezave na mojem blogu. Od navadnega besedila se razlikujejo samo po barvi – svetlo modra. Od zdaj naprej bom to popravila. S podčrtovanjem.

Ni komentarjev:

Objavite komentar