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.

Principi dostopnega dizajna

Pripravljam se na predstavitev “Kako slepi in slabovidni uporabljajo internet”, ki bo namenjena oblikovalcem spletnih strani.
Zelo mi je v pomoč spletna stran Web Accessibility In Mind. Na razpolago so tudi prevodi v slovenskem jeziku.
WebAIM
Še bolj karatko in jedrnato je principe dostopnega dizajna težko našteti:
  • Alternativno besedilo
  • Glava podatkovne tabele
  • Dostopni obrazci
  • Smiselna imena povezav
  • Podnapisi multimedijskih vsebin
  • Dostopnost ne-HTML vsebin (pdf, Word, …)
  • Preskok ponavljajočih elementov
  • Ne samo barve
  • Razumljivo in enostavno za branje
  • Dostopen Javascript
  • V skladu s standardi (HTML, CSS)