jak na přístupnost knihovních webů
TRANSCRIPT
JAK NA PŘÍSTUPNOST KNIHOVNÍCH WEBŮ
RADEK PAVLÍČEK
STŘEDISKO TEIRESIÁS, MASARYKOVA UNIVERZITA
Tim Berners-Lee
DESIGN PRO VŠECHNY
DNEŠNÍ DOBA JE PRO HANDICAP DOBRÁ
NESAMOSTATNOST, ZÁVISLOST NA
POMOCI DRUHÝCH
SAMOSTATNOST
CO JE TO
PŘÍSTUPNOST?
JEDNA PŘÍSTUPNOST VLÁDNE VŠEM?
PĚT PILÍŘŮ
PŘÍSTUPNOSTI
DOSTUPNOST
OVLADATELNOST
SROZUMITELNOST
ORIENTACE
ČAS
HTTP://WEBAIM.ORG/BLOG/MOTIVATING-ACCESSIBILITY-CHANGE/
PROČ SE VĚNOVAT
PŘÍSTUPNOSTI?
POCIT VINY(NEJHORŠÍ MOTIVÁTOR)
TREST(ŽALOBA)
POŽADAVEK(LEGISLATIVA)
ODMĚNA(Certifikace)
OSVÍCENÍ(Děláme věci přístupné, protože
nám to tak dává smysl)
INSPIRACE(Vidíme přímý dopad naší práce
na zlepšení života jiných)
PŘÍSTUPNOST JE DŮLEŽITÁ PRO UŽIVATELE
ZNAKOVÝ JAZYK
ZÁBĚR STUDIE
1 000 titulních stran
39 000 stránek celkem
50 uživatelůs různým typem
postižení
Uživatelské testování
Automatické testování
SPLNĚNÉ ÚKOLY
0
20
40
60
80
100
120
High a11y Low a11y
Control
Blind
ČAS
High a11y
Low a11y
0 50 100 150 200
Blind users
Control group
PŘÍSTUPK INFORMACÍM
SAMOSTATNOST
LEPŠÍ UŽIVATELSKÝ
PROŽITEK
Analýza
Vývoj
Provoz
Design
Přístupnost
Asistivnítechnologie
Rozhraní
Kompetence uživatele
Obsah
LEGISLATIVA
InformaceMultimédia
Aplikace (webové)
Dokumenty
Web
Formuláře
InformaceMultimédia
Aplikace (webové, mobilní)
Dokumenty
Web
Formuláře
METODIKY PŘÍSTUPNOSTI
NA CO SE ZAMĚŘIT
STRUKTUROVÁNÍ
OBSAHU
http://poslepu.blogspot.com/2010/01/jak-pristupne-strukturovat-web-pomoci.html
NADPISY
<h1>
<h2>
<h3>
<h4>
<h5>
<h6>
OBLASTI STRÁNKY
https://www.vzhurudolu.cz/prirucka/html5-strukturahttps://www.vzhurudolu.cz/prirucka/wai-ariahttps://www.zdrojak.cz/clanky/pristupnost-ria-strukturovani-dokumentu-a-pristupnost-z-klavesnice/
role=„main“
role=„navigation“
OVLADATELNOST
Z KLÁVESNICE
TEXTOVÉ ALTERNATIVY
GRAFICKÝCH PRVKŮ
PŘÍSTUPNOST UŽIVATELSKY
VKLÁDANÉHO OBSAHU
BARVY, KONTRAST A PÍSMO
Pokud si necháváte navrhnout dokument od grafika, vyberte si takového, který respektuje specifika digitálního dokumentu, principy přístupnosti a použitelnosti. Celá řada grafiků to bohužel nedělá.
Můžete se tak setkat s malým, nekontrastním a obtížně čitelným písmem, nedostatečně odlišenými odkazy od okolního textu a dalšími věcmi, komplikujícími práci s obsahem webu.
RESPONZIVNÍ DESIGN
NÁSTROJE PRO TESTOVÁNÍ
PŘÍSTUPNOSTI
Toolbary, rozšíření
Online validátory
Asistivnítechnologie
•• HTTP://WWW.PACIELLOGROUP.COM/RESOURCES/WAT-IE-
ABOUT.HTML
• HTTPS://ADDONS.MOZILLA.ORG/CS/FIREFOX/ADDON/WEB-DEVELOPER/
• HTTPS://ADDONS.MOZILLA.ORG/EN-US/FIREFOX/ADDON/HEADINGSMAP/
•• HTTP://WAVE.WEBAIM.ORG
• HTTP://ACHECKER.CA/CHECKER/INDEX.PHP
• HTTPS://TENON.IO
•
•
•
•
• HTTP://POSLEPU.BLOGSPOT.COM/2009/07/AUTOMATICKA-
KONTROLA-PRISTUPNOSTI.HTML
•
•
•
• HTTP://EWJ.BLINDFRIENDLY.CZ/
• HTTP://EWN.BLINDFRIENDLY.CZ/
https://www.youtube.com/watch?v=cOmehxAU_4s
DOPORUČENÍ NA ZÁVĚR
PŘÍSTUPNOST POMÁHÁ VŠEM
ČASTO STAČÍ MÁLO
PŘÍSTUPNOST JE JEDEN DÍLEK PUZZLE
KAM DÁL?
