přístupnost http://psklenar.cz/ cs Analýza přístupnosti http://psklenar.cz/analyza-pristupnosti <span class="field field--name-title field--type-string field--label-hidden">Analýza přístupnosti</span> <div class="clearfix text-formatted field field--name-field-uvod field--type-text-long field--label-hidden field__item"><p>Webová přístupnost (Web accessibility) je způsob tvorby webových stránek použitelných lidmi všech kvalifikací, rozdílného věku a &nbsp;s různou úrovní zdravotního omezení. Přístupné stránky jsou správně postavené a udržované pro všechny uživatele stejně, handicapovaní lidé mohou web užívat se shodným obsahem a funkčností.</p> </div> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">admin</span></span> <span class="field field--name-created field--type-created field--label-hidden">19.07.2012</span> <div class="clearfix text-formatted field field--name-field-obsah field--type-text-long field--label-hidden field__item"><p>Přístupný web lze snadno zobrazit nezávisle na hardwarovém či softwarovém vybavení, bez ohledu na rychlost internetového spojení a&nbsp;je uzpůsoben uživatelům se specifickým zdravotním znevýhodněním. Témata přístupnosti a&nbsp; <a href="/pouzitelnost-internetovych-stranek" title="Použitelnost webových stránek">použitelnosti</a> jsou si velice blízká, ačkoli někteří experti jsou jiného názoru. Webová přístupnost se zabývá použitelností pro handicapované návštěvníky. Přístupný web obvykle obsahuje přehledný a čitelný text, jenž je přívětivější i pro běžné návštěvníky nenosící brýle.</p> <p>Přístup k webu z mobilních zařízení každoročně roste, v současnosti je stále významnější téma přístupnosti pro mobilní zařízení (iOS, Android a Windows Phone). Mobilní webová přístupnost je řešitelná třemi základními způsoby:</p> <ul> <li>Používat plovoucí layout s min-width a max-width a typografii založenou na jednotkách em.</li> <li>Udělat další „mobilní“ web (m.example.com) zvlášť pro mobilní systémy.</li> <li>Vytvořit adaptivní web připravený na mobilní zařízení. Podstatou této techniky (responzivní nebo citlivý design) jsou <a class="external" href="http://cs.wikipedia.org/wiki/Media_Queries" rel="nofollow" title="Media_Queries - Dotazy na média">CSS3 Media Queries</a>, které již dnes podporuje většina mobilních i desktopových prohlížečů.</li> </ul> <h2>Proč je webová přístupnost důležitá?</h2> <p>Web je stále více důležitý komunikační nástroj v mnoha oblastech: vzdělání, zaměstnání, státní správa, obchod, zdravotní a&nbsp;sociální péče, zábava, atd. Internet by měl poskytovat rovný přístup a&nbsp;stejné příležitosti pro všechny občany.</p> <blockquote class="blockquote"> <p class="mb-0">Existují v zásadě tři důvody, proč je dobré dodržovat přístupnost webových stránek. Je to etika, zisk a&nbsp;legislativa.</p> <footer class="blockquote-footer"><cite><a class="external" target="_blank" href="https://www.lupa.cz/clanky/cr-pristupnost-konecne-pod-zakonem/" rel="nofollow" title="David Špinar: propagátor bezbariérového webu a autor knihy Tvoříme přístupné webové stránky">David Špinar</a></cite></footer> </blockquote> <p>Přístupné stránky respektují uživatele, nepřístupné staví bariéry některým skupinám uživatelů v přístupu k&nbsp;obsahu, přístupný web si najde více návštěvníků a&nbsp;zákazníků. Na přístupný web se lépe dostanou také vyhledávače, cílená návštěvnost stránek je vyšší, web je efektivnější a&nbsp; dosažení cílů není tak nákladné. Přístupností získá privátní web konkurenční výhodu a&nbsp;nové zákazníky, pro veřejný sektor jsou však bezbariérové stránky dokonce zákonnou povinností i&nbsp;v českém právním řádu.</p> <h2>Hodnocení přístupnosti webových stránek</h2> <p>Analýza přístupnosti stránek se provádí podle mezinárodní normy <a class="external" href="http://www.w3.org/TR/WCAG20/" rel="nofollow" title="Web Content Accessibility Guidelines 2.0">W3C&nbsp;WCAG 2.0 Guidelines</a> a&nbsp; zákona USA <a class="external" href="http://www.section508.gov/index.cfm" rel="nofollow" title="Section 508 Standards Subpart B - Technical Standards, §1194.22"> Section&nbsp;508&nbsp;Standards</a> , v ČR podle metodiky „ <a class="external" href="http://www.blindfriendly.cz/" rel="nofollow" title="Blind Friendly Web: přístupnost webových stránek pro nevidomé a slabozraké"> Blind Friendly Web</a>“ (projekt Sjednocené organizace slabozrakých a&nbsp; nevidomých) a&nbsp; podle <a class="external" href="http://www.pravidla-pristupnosti.cz/" rel="nofollow" title="Pravidla tvorby přístupného webu"> pravidel tvorby přístupného webu</a> pro účely novely Zákona č.&nbsp;365/2000 Sb. o&nbsp; informačních systémech veřejné správy, provedenou zákonem č.&nbsp; 81/2006 Sb.</p> <p>Základní pravidla přístupného webu jsou podle všech norem shodná:</p> <ul class="soupis"> <li>barvy písma a&nbsp;pozadí jsou dostatečně kontrastní</li> <li>obsah stránek je dobře čitelný a&nbsp;dosažitelný</li> <li>web je ovladatelný přes klávesnici</li> <li>odkazy jsou zřetelné a&nbsp;vystihující bez okolního kontextu</li> <li>obsah stránek se nemění bez přímého zásahu uživatele</li> <li>kód stránek je správně strukturovaný a&nbsp;validní podle norem <a class="external" href="http://www.w3.org/"> <abbr lang="en" title="World Wide Web Consortium">W3C</abbr></a></li> </ul> <p>Problémy s&nbsp;přístupností lze jednoduše odhalit přímo v&nbsp;různých prohlížečích změnou jejich nastavení (vypnutí zobrazení obrázků, změna velikosti písma, vypnutí stylů, skriptů, změna velikosti okna). Přístupnost lze kontrolovat automatickými nástroji, některé jsou zdarma přístupné na internetu, jiné jsou placené. Nejznámější online validátor přístupnosti webových stránek podle norem WCAG 1.0 a&nbsp;Section 508 je <a class="external" href="http://www.cynthiasays.com/" rel="nofollow" title="HiSoftware® Cynthia Says™ Portal">Cynthia Says™</a>.</p> <p>Podrobnější analýzu přístupnosti provádíme hodnocením shody vlastností stránek s&nbsp;pravidly přístupnosti podle jednotlivých kontrolních bodů. Výsledkem analýzy přístupnosti webových stránek je zpráva členěná podle kontrolních bodů pravidel s&nbsp;uvedením problémů a&nbsp;návrhů na jejich řešení.</p> <h2>Analýza přístupnosti pro Váš web</h2> <p>Prozkoumáme Vaše webové stránky ve vztahu k&nbsp;přístupnosti podle obecných pravidel a&nbsp;standardních doporučení. Zjistíme, nejsou-li Vaše stránky v&nbsp;rozporu s&nbsp;některými kontrolními body pravidel a&nbsp; navrhneme Vám <a href="/redesign-oprava-webu" title="Redesign a oprava webu"> řešení</a>. <a href="/kontakt" title="Analýza přístupnosti pro Váš web - napište nám">Můžete nás kontaktovat</a> přímo z webového formuláře.</p> </div> <div class="field field--name-field-tags field--type-entity-reference field--label-above clearfix mt-5 mb-5"> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/57" hreflang="cs">přístupnost</a></span> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/55" hreflang="cs">testování stránek</a></span> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/57" hreflang="cs">přístupnost</a></span> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/44" hreflang="cs">responzivní webdesign</a></span> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/45" hreflang="cs">responzivní web</a></span> </div> Thu, 19 Jul 2012 19:33:25 +0000 admin 76 at http://psklenar.cz Analýzy a testování stránek http://psklenar.cz/analyzy-a-testovani-stranek <span class="field field--name-title field--type-string field--label-hidden">Analýzy a testování stránek</span> <div class="clearfix text-formatted field field--name-field-uvod field--type-text-long field--label-hidden field__item"><p>Testování stránek je podstatnou součástí webového projektu a odhalí příčiny neúspěšnosti. Analýza jednotlivých zkoumaných faktorů pomůže vypátrat nedostatky stránek a přispěje ke zvýšení návštěvnosti, efektivity a úspěšnosti webu.</p> </div> <span class="field field--name-uid field--type-entity-reference field--label-hidden"><span lang="" about="/user/1" typeof="schema:Person" property="schema:name" datatype="">admin</span></span> <span class="field field--name-created field--type-created field--label-hidden">13.02.2010</span> <div class="clearfix text-formatted field field--name-field-obsah field--type-text-long field--label-hidden field__item"><p><strong>Proč stránky přivádí málo návštěvníků?</strong> Proč se odkaz nezobrazuje na předních místech při hledání klíčových slov? Proč zákazníci nedokončí objednávku, proč prezentace nevydělává a&nbsp;nesplňuje svůj účel? Najdeme zjevné i&nbsp;skryté rezervy Vašich stránek a&nbsp;navrhneme způsob odstranění nedostatků.</p> <p>Ověřování vlastností webu začíná již při tvoření obsahu (navigace a&nbsp; struktura webu, hustota klíčových slov), některé je vhodné testovat v&nbsp; průběhu celého vývoje (validita, velikost objektů, přístupnost, zobrazení v&nbsp;různých prohlížečích). Jiné stačí prověřit až po vytvoření stránek a&nbsp;odhalené chyby posléze napravit (korektní funkce odkazů). Způsob testování objektivních a&nbsp;subjektivních faktorů je různý, k&nbsp;testování většiny z&nbsp;nich lze použít různé online nástroje a&nbsp;utility. Pracné a&nbsp; náročné je testování použitelnosti.</p> <p>Naše služby objeví chyby Vašich internetových stránek, nesprávnosti odstraníme, efektivně zvýšíme návštěvnost a&nbsp;získáme nové zákazníky.</p> <div class="row"> <div class="col-sm-6"> <dl class="sl1"> <dt class="nadpis"><a href="/analyza-seo" title="SEO analýza">Analýza SEO optimalizace</a></dt> <dd><abbr lang="en" title="Search Engine Optimization">SEO</abbr> analýza je součástí optimalizace pro vyhledávače a&nbsp;navazuje na analýzu klíčových slov. Rozbor z&nbsp;hlediska <abbr lang="en" title="Search Engine Optimization"> SEO</abbr> je určen pro existující či právě vyvíjené stránky nebo webové obchody. Ověříme stránky ve vztahu k&nbsp;optimalizaci pro vyhledávače ( <abbr lang="en" title="Search Engine Optimization"> SEO</abbr>) a&nbsp; navrhneme účinné úpravy webu pro zlepšení. <div class="vice clearfix mr-3"><a class="btn btn-outline-primary btn-sm" href="/analyza-seo" rel="tag" title="SEO analýza">Číst dál...</a></div> </dd> <dt class="nadpis"><a href="/analyza-a-testovani-pouzitelnosti" title="Analýza a testování použitelnosti">Analýza a&nbsp;testování použitelnosti</a></dt> <dd>Jak snadno se uživatelé orientují na stránkách, jak rychle pochopí jejich uspořádání a&nbsp;ovládání a&nbsp;jaký celkový dojem o&nbsp;firmě získají?. Použitelné stránky jsou přehledné, srozumitelné, snadno ovladatelné a&nbsp; nenutí uživatele příliš přemýšlet. Zjistíme míru použitelnosti stránek podle mnoha kritérií a&nbsp;nabídneme řešení nalezených nedostatků. <div class="vice clearfix mr-3"><a class="btn btn-outline-primary btn-sm" href="/analyza-a-testovani-pouzitelnosti" rel="tag" title="Analýza a testování použitelnosti">Číst dál...</a></div> </dd> </dl> </div> <div class="col-sm-6"> <dl class="sl2"> <dt class="nadpis"><a href="/analyza-pristupnosti" title="Analýza přístupnosti">Analýza přístupnosti</a></dt> <dd>Prozkoumáme Vaše webové stránky ve vztahu k&nbsp;přístupnosti podle obecných pravidel a&nbsp;standardních doporučení. Informace na webu se musí zobrazovat korektně ve všech běžných prohlížečích, musejí se rychle načítat i&nbsp;na pomalejším připojení, měly by se zobrazit správně také na starších strojích, měly by je správě číst uživatelé s&nbsp;poruchou zraku. <div class="vice clearfix mr-3"><a class="btn btn-outline-primary btn-sm" href="/analyza-pristupnosti" rel="tag" title="Analýza přístupnosti">Číst dál...</a></div> </dd> <dt class="nadpis"><a href="/audit-webovych-stranek" title="Audit webových stránek">Audit webových stránek</a></dt> <dd>Komplexně prověříme Váš web v&nbsp;oblasti optimalizace pro vyhledávače, použitelnosti, přístupnosti, technického řešení a&nbsp;doporučíme zlepšení pro lepší úspěšnost a&nbsp;efektivnost stránek. Součástí auditu je odhad nákladů na opravy webu. <div class="vice clearfix mr-3"><a class="btn btn-outline-primary btn-sm" href="/audit-webovych-stranek" rel="tag" title="Audit webových stránek">Číst dál...</a></div> </dd> </dl> </div> </div> <p>Předpokladem testování stránek nebo libovolného ověřování webu je však jeho obsah. Nemá smysl testovat stránky bez kvalitního obsahu.</p> <div class="media border mt-3 mb-4 p-3"> <img src="/sites/default/files/paska-img/logo.svg" alt="Kontaktujte nás" class="mr-3 mt-3 rounded-circle bg-success" style="width:40px;"> <div class="media-body"> <h3><strong>Zajímá Vás testování stránek?</strong></h3> <p>Máte-li zájem o&nbsp;ověření webových stránek a&nbsp;webový audit, spojte se s&nbsp;námi právě nyní prostřednictvím našeho formuláře. <a href="/kontakt" title="Zajímá Vás testování stránek? Napište nám.">Kontaktujte nás</a>, rádi Vám pomůžeme a&nbsp;navrhneme to nejlepší řešení, které uspokojí Vaše potřeby. Naše odpověď na sebe nenechá dlouho čekat.</p> </div> </div> </div> <div class="field field--name-field-tags field--type-entity-reference field--label-above clearfix mt-5 mb-5"> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/55" hreflang="cs">testování stránek</a></span> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/43" hreflang="cs">SEO</a></span> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/56" hreflang="cs">použitelnost</a></span> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/57" hreflang="cs">přístupnost</a></span> <span class="badge badge-pill badge-light"><a href="/taxonomy/term/58" hreflang="cs">webový audit</a></span> </div> Sat, 13 Feb 2010 20:33:54 +0000 admin 67 at http://psklenar.cz