Prístupnosť webových stránok – info grafika

Web Accessibility for Designers infographic with link to text version at WebAIM.org

Vskratke to zhrniem v texte po slovensky

  • Presvedčte sa, že vaša stránka má správne logicky usporiadané heading tagy <h1><h2>…
  • Zvážte usporiadanie textu, malo by korešpondovať s vizuálnym usporiadaním
  • Vyhnite sa slabému kontrastu. Kontrast pozadia a textu si môžte skontrolovať v online kontrast nástroji
  • Používajte skutočné písmo a nie jeho obrázkovú náhradu. Načíta sa rýchlejšie.
  • Verzálky nepoužívajte na celé slová alebo vety. Čítačky s tým majú problém.
  • Používajte primeranú veľkosť písma. Minimu je takých 10pt.
  • Majte na pamäti dĺžku riadka. Nesmie byť príliž dlhý ani krátky. Najlepšie na čítanie je okolo 12 slov v riadku.
  • Odlíšte linky od obyčajného textu.
  • Pamätajte aj na focus indikátor.
  • Navrhnite aj link na priamy skok k obsahu. Používatelia , ktorí používaju na navigovanie klávesnicu sa vám za tento a predchádzajúci bod poďakujú.
  • Texty hypertextov nech dávajú zmysel. Vyhnite sa spojeniam ako: „čítať ďalej“, „viac“, „detail“, …
  • Animácie, videá a flash obsah používajte s rozvahou. Pri videách umožnite video zastaviť. Vyhnite sa blikajúcemu obsahu alebo efektom.
  • Farby nesmú byť jediný spôsob na podávanie informácie (farebné kodovanie), pretože nikdy neviete ako ich majú nastavené užívatelia.
  • Presvedčte sa, že ovládacie prvky formulárov majú popisky. Venujte pozornosť validácií vstupov a hlavne spôsobu ako vložené hodnoty znovu načítať.