INSPO 2008. Karel Břinda centrum TEREZA, FJFI ČVUT v Praze. Lukáš Marvan Seznam.cz, a.s.



Podobné dokumenty
Přístupnost. aby WWW stránky mohla zobrazovat co nejš irš í paleta programů a zařízení myslet na speciální požadavky

Tvoříme PŘÍSTUPNÉ STRÁNKY. webové. Připraveno s ohledem na novelu Zákona č. 365/2000 Sb., o informačních systémech veřejné správy.

Přístupnost webů knihoven příklady dobré a špatné praxe. Radek PAVLÍČEK, TyfloCentrum Brno, o. p. s., projekt Blind Friendly Web

T T. Think Together Petr Benda, Václav Lohr, Martin Havránek THINK TOGETHER

Testování přístupnosti v soutěži Zlatý erb Radek PAVLÍČEK, TyfloCentrum Brno, o. p. s., projekt Blind Friendly Web

Návrh stránek 4IZ228 tvorba webových stránek a aplikací

ZPRÁVA O HODNOCENÍ PŘÍSTUPNOSTI WEBOVÉ PREZENTACE MĚSTA XXXXXXXX

Ukázka knihy z internetového knihkupectví

Webová grafika, struktura webu a navigace, použitelnost a přístupnost

Metodické doporučení ke zlepšení technické přístupnosti IS/STAG

2. Zásady přístupnosti a použitelnosti webu. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008)

InternetovéTechnologie

Informace k e-learningu

Obsah. ČÁST I Základy návrhu webových stránek. Kapitola 1 Zákaznicky orientovaný návrh webu 19. Jak ze vzorů pro návrh webu vyzískat co nejvíc 33

ISSS/LORIS/V4DIS 2009 Registrační formulář a informace o konferenčním příspěvku

WCAG 2.0 prakticky aneb Jak zlepšit přístupnost webových stránek

Evropský zemědělský fond pro rozvoj venkova: Evropa investuje do venkovských oblastí. v cestovním ruchu P2. Pavel Petr Petr.USII@upce.

:16. Datum: Zpracoval: Ing. Richard Ruibar

Zadání grafického designu Trh poptávek

Nová pravidla přístupného webu pro účely novely Zákona č. 365/2000 Sb. o informačních systémech veřejné správy, provedenou zákonem č. 81/2006 Sb.

Seznam obsahuje téměř 3 miliony ových schránek

Audit přístupnosti webových stránek Portálu veřejné správy České republiky

1. Začínáme s FrontPage

Naše Město Web design

Ovlá dá ní Infopánelu DVT

Hodnocení webové stránky města Volyně

Mobilní zpravodajská aplikace idnes. A7B39PDA - Principy tvorby mobilních aplikací

Návrh webové prezentace. Internetové publikování

Co je Seznam.cz. Od roku 1996 nejnavštěvovanější server českého internetu. Služeb Seznam.cz využívá každý čtvrtý Čech

Best practice Pravidla pro tvorbu přístupného webu

Prezentace výzkumných projektů SPIR

Vítejte na Zemi... multimediální ročenka životního prostředí

Produktový list - Sklik. PPC reklama - internetová reklama placená za proklik

stupného webu accessibility) Přístupnost (accessibility( ivatelů (Web bez bariér) bez ohledu na uživatele asné zdravotní

ŽIVOT BEZ BARIÉR, Z.Ú.

WEB KNIHOVNY JAKO NÁSTROJ K PROPAGACI SLUŽEB A INFORMACÍ ING. PAVEL CIMBÁLNÍK

Obsahy kurzů MS Office

Projekt: Internetové stránky obce Modletice

Prezentace výzkumných projektů SPIR

Název: Design webu Anotace:

SRSW4IT Inventarizační SW. Prezentace aplikace. Vedoucí DP: ing. Lukáš Macura Autor: Bc. Petr Mrůzek

Minimální doporučená úroveň Školní výstupy Učivo

Optimalizace pro vyhledavače a přístupnost webu

Internetové publikování. Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)

Navigace na webových stránkách

Aktuální trendy v přístupnosti

CHARAKTERISTIKA VZDĚLÁVACÍ OBLAST VYUČOVACÍ PŘEDMĚT ZODPOVÍDÁ INFORMAČNÍ A KOMUNIKAČNÍ TECHNOLOGIE

Sklady. Níže popsaný návod je určen pro uživatele s rolí Administrátor nebo Správce skladu. Přehled funkcí 2. Postup pro vytvoření nového skladu 2

SEO Optimalizace pro vyhledávače

Analýza webových stránek metodikou WebRating

NABÍDKOVÝ KATALOG INTERNETOVÉHO MARKETINGU

Role informační architektury a optimalizace pro vyhledavače v online publikování

Nejnavštěvovanější server českého internetu

Počítačová prezentace. Základní pojmy. MS PowerPoint

KAPITOLA 2 - ZÁKLADNÍ POJMY INFORMAČNÍCH A KOMUNIKAČNÍCH TECHNOLOGIÍ

Obsah. Obsah. Úvod Spojení FTP Struktura složek naší stránky Vlastní dokument XHTML (začínáme tvořit WWW stránku)...

PODPORA STUDENTŮ SE SPECIFICKÝMI POTŘEBAMI NA ČVUT

Pravidla přístupnosti

Produktový list - Sklik. PPC reklama Internetová reklama placená za proklik

Komunikační strategie a plán rozvoje portálu portal.gov.cz

Přístupnost webových stránek- projekt Blind Friendly Web

Help pro webmastery Vytvořte svůj vlastní web

Vstupní požadavky, doporučení a metodické pokyny

Uživatelská příručka aplikacevox komunikátor

Obsah informačního systému cestovního ruchu Jihočeského kraje (ISCR) v 1. fázi vzniká sjednocením stávajících internetových informačních zdrojů

Zpravodajský web pro televizi Michal Hanzlík

Průměrná měsíční návštěvnost dosahuje přes 2 milióny unikátních uživatelů*.

Ergonomie softwaru. Hana Bydžovská

Budou weby veřejné správy skutečně přístupné?

Soutěž Zlatý erb krajská kola Metodika práce poroty

BLINDSHELL ROZHRANÍ PRO OVLÁDÁNÍ DOTYKOVÝCH TELEFONŮ S ANDROIDEM PRO ZRAKOVĚ POSTIŽENÉ UŽIVATELE

Child selektory. Adjacent sibling selektory. Pseudoelementy. Atributové selektory. Tabulky. Obtékané elementy. »!!!

Možnosti využití prostorových informací pro osoby se zdravotním postižením

Program. Aktualizace fakultního webu. Hlavní změny. Jednotná navigace. Školení správců webových stránek

Systém elektronického rádce v životních situacích portálu

Produktový list - Sklik. PPC reklama Internetová reklama placená za proklik

Produktový list - Sklik. PPC reklama Internetová reklama placená za proklik

Webová aplikace Znalostní testy online UŽIVATELSKÁ PŘÍRUČKA

Webové stránky knihoven. Porada profesionálních knihoven , Knihovna města Ostravy

InternetovéTechnologie

Úvod 1 ČÁST 1 HTML 1 Základy HTML a kaskádových stylů 5

Tematická oblast: Základy práce na PC (VY_32_INOVACE_10_1_AP) Anotace: Využití ve výuce: Autor: Ing. Jan Roubíček Vytvořeno: červenec až říjen 2013

Studijní průvodce e-learningovými kurzy

Tematická oblast: Tabulkové procesory (VY_32_INOVACE_10_3_AP) Anotace: Využití ve výuce: Autor: Ing. Jan Roubíček Vytvořeno: únor až květen 2013

Vytvoření portálu odboru strukturálních fondů Ministerstva vnitra a zajištění jeho hostingu na serveru dodavatele

Kurz pro studenty oboru Informační studia a knihovnictví 5. Informační architektura

CSS. SEO Search Engine Optimization (optimalizace pro vyhledávače)

Návrh zpravodajské aplikace idnes po Android

Nový design ESO9. E S O 9 i n t e r n a t i o n a l a. s. U M l ý n a , P r a h a. Strana 1 z 9

Registrační číslo projektu: Škola adresa:

Prezentace výzkumných projektů SPIR

Party Navigator PDA Tomáš Kuhn. kompletní dokumentace. Party Navigator. Tomáš Kuhn

Návrh uživatelských rozhraní NOV-WEB. Jakub Bartoš, Pavel Dvořák, Jakub Motyčka, Kamil Procházka

Jak využít PPC u startupů?

Obsah ÚVODEM... 3 KAPITOLA 1 PROČ JEŠTĚ NEMÁTE SVÉHO NEJLEPŠÍHO OBCHODNÍKA?... 4 KAPITOLA 2 PLÁNUJEME OBCHODNÍ STRATEGII WEBU...

KNIHOVNICKÁ DÍLNA 2014 WEBY ČESKÝCH KNIHOVEN. Ing. Pavel Cimbálník

Připravovaná legislativa pro přístupnost informací a dokumentů. Michal Rada Ministerstvo vnitra

S CAPTCHA Help doplňkem o krok dál

SKUPINA ČEZ GRAFICKÝ MANUÁL PRO WEBOVÉ STRÁNKY SKUPINY ČEZ / VERZE 06/2014

Transkript:

INSPO 2008 Karel Břinda centrum TEREZA, FJFI ČVUT v Praze Lukáš Marvan Seznam.cz, a.s. 1

Představení centra TEREZA a Seznamu Počátky a model spolupráce Možnosti přístupu, realizace a testování Dosažené výsledky Vize do budoucna Shrnutí Závěr a diskuze Osnova 2

Centrum TEREZA Centrum podpory samostatného studia zrakově postižených Katedra matematiky FJFI ČVUT v Praze www.tereza.fjfi.cvut.cz 3

Seznam.cz Obrovské portfolio služeb 4

Počátky a model spolupráce Od října 2006 Oficiální tisková zpráva v květnu 2007 Hlavním partnerem - technický ředitel Seznamu, delegování na webmastery a programátory zodpovědné za jednotlivé služby Cíl: přístupnější služby Seznamu (přístupnost z hlediska zrakového postižení) 5

Striktní řešení Možnosti přístupu důsledné dodržování všech bodů zvolené metodiky (Blind Friendly web, Přístupnost webových stránek orgánů státní správy) vhodné prosazovat u veřejného sektoru téměř nemožné u komerčních portálů velkého rozsahu, které žijí z reklamy a zajímá je poměr cena/výkon 6

Kompromisní řešení Možnosti přístupu nutnost rozumného poměru cena/výkon odstranění největších bariér nelze ustoupit ve všem (nároky na design stránek, některé požadavky zadavatelů reklamy, apod.) 7

Možnosti přístupu - závěr Handicapovaní uživatelé jsou minoritní skupina, ale naštěstí velice dobře chápou, že není možno prosazovat extrémní řešení Na druhou stranu není žádný závažný důvod, proč nepodat pomocnou ruku, zvláště, když tím zlepšíte vaše stránky i pro ostatní (SEO, malá zařízení jako PDA, atd.) 8

Realizace Velké množství lidí (vzhledem k počtu služeb je počet webmasterů, programátorů a redaktorů, kteří musí přístupnost reflektovat, poměrně vysoký) 9

Testování V centru TEREZA Konference FANDA Interní testování Seznamu 10

Testování v centru TEREZA Centrum TEREZA není testovací autoritou, ale jsme schopni poukázat na největší překážky a navrhnout řešení 11

Konference FANDA Provozovatelem - centrum TEREZA Konference ověřená desetiletou historií, je stále moderovaná V ČR nejrespektovanější takto zaměřená konference Momentálně 250 členů z Česka a Slovenska, kromě zrakově postižených uživatelů též vidící Za poslední rok přibližně 7 500 příspěvků (~ 21 příspěvků za den) 12

Testování v konferenci FANDA Testování služeb Seznamu mezi běžnými uživateli, sběr dat pomocí anket a diskuzí Následná reflexe podnětů z konference a jejich zapracování 13

Interní testování v Seznamu Seznam získal od českého distributora screenreader JAWS - možnost interního testování vysvětlení práce se screen-readerem od pracovníků centra TEREZA 14

Dosažené výsledky a současný stav Zavedení interního standardu - PRAVIDLA PŘÍSTUPNÉHO SEZNAMU interní pravidla přístupnosti základní myšlenkou je jednoduchost a pochopitelnost cílem je zohledňování všemi pracovníky Seznamu pravidla rozdělena do dvou skupin podle důležitosti (nutné dodržovat a doporučené dodržovat) 15

PPS - Pravidla s vyšší prioritou 1. Grafické objekty, které slouží k ovládání stránky, mají definovanou textovou alternativu. 2. Obsah každého odkazu výstižně popisuje jeho cíl i bez okolního kontextu. 3. Všechny tabulky dávají smysl čtené po řádcích. 4. Obsah WWW stránky se mění, jen když uživatel aktivuje nějaký potvrzující prvek (tlačítko, odkaz). 5. Každá webová stránka má smysluplný titulek, vystihující její obsah. 6. Informace sdělované barvou jsou dostupné i bez barevného rozlišení. 7. Předpisy určující velikost písma nepoužívají absolutní jednotky (pokud je to možno realizovat s ohledem na design). 8. Všechny navigační prvky mají "dostatečnou" velikost, tak aby se dobře používaly i lidem s postižením motoriky. 9. Na webové stránce nebliká nic rychleji než jednou za sekundu. 10.Každý formulářový prvek má přiřazen výstižný nadpis. 16

PPS - Pravidla s nižší prioritou 1. Informace, sdělované prostřednictvím skriptů, objektů, appletů, kaskádových stylů, obrázků a jiných doplňků na straně uživatele jsou dostupné i bez kteréhokoli z těchto doplňků. 2. Důležité navigační prvky mají přiřazenu horkou klávesu. 3. Dokumenty dávají smysl čtené lineárně. 4. Tematické celky na stránce začínají smysluplným (možno skrytým) nadpisem. 5. Všechny netextové prvky nesoucí významové sdělení mají textovou alternativu. 6. Stejně označené odkazy vedou na stejný obsah. 7. Uživatel je jasně upozorněn, když odkaz vede na obsah jiného typu, než je webová stránka. Takový odkaz je doplněn sdělením o typu a velikosti cílového souboru. 8. Barvy popředí a pozadí jsou dostatečně kontrastní. Na pozadí není použit vzorek, který snižuje čitelnost. 9. Nová okna se otevírají jen v odůvodněných případech a uživatel je na to předem upozorněn. 17

Dosažené výsledky a současný stav Začátek spolupráce Seznamu s dalšími portály v oblasti přístupnosti 18

CAPTCHA Vizuální CAPTCHA doplněna audio-captchou Postupné zavádění do všech služeb Seznamu 19

Vylepšení struktury webů Vizuálně nedošlo k žádným změnám, v kódu však ano úprava navigace lepší oddělení samotného obsahu od reklam opravena některá místa, kam se nedalo přesunout kurzor pomocí klávesnice 20

Homepage Zpřístupnění hledání fulltextové vyhledávání Firmy.cz Úpravy konkrétních webů Zpřístupnění zpravodajských serverů Novinky.cz Sport.cz Úpravy služeb Lide.cz a Spoluzaci.cz 21

Vylepšení rozhraní vyhledávání Vize do budoucna možnost přepnout na přístupnější verzi vyhledávání 22

Projekt Blind friendly map Vize do budoucna součástí Mapy.cz kromě nynějších typů map (základní, turistická, ) také redukovaná verze dobře převeditelná do reliéfní podoby 23

Shrnutí Shrnutí celé prezentace 24

Závěr Děkujeme za Vaši pozornost. Karel Břinda brinda@tereza.fjfi.cvut.cz Lukáš Marvan lukas.marvan@firma.seznam.cz 25