Jak na přístupnost knihovních webů

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?

KONTAKT

PAVLICEK@TEIRESIAS.MUNI.CZ

@RADLICEK

WWW.POSLEPU.CZ