Duben 30, 2005

David Špinar: Tvoříme přístupné webové stránky

David Špinar: Tvoříme přístupné webové stránky

Davida Špinara, autora knihy “Tvoříme přístupné webové stránky” mohou čtenáři zastihnout na jeho blogu v zásadě tematicky spjatém s tvorbou internetových stránek a věcí s internetem spjatých. Dále bych vám ještě doporučil autorův web o přístupnosti internetových stránek.

Kniha čtenáře, kterým by měl být minimálně každý webdesigner, podrobně seznámí nejen s tím jak tvořit, popř přetvořit internetové stránky na přístupné, ale i s tím kdo to je handicapovaný uživatel internetových stránek a jaké výhody plynou z přístupného webu. Ačkoliv ministerstvo informatiky nedávno vydalo Pravidla pro tvorbu přístupného webu, která jsou poměrně podrobná, tak kniha přináší obrovskou přidanou hodnotu a podrobné příklady přístupných internetových stránek.

Čtenář se může odrobně seznámit s tím jak vidí webové stránky uživatel se zrakovým handicapem, popřípadě se dozví jak se na webu pohybuje člověk s pohybovým handicapem. Dozvíte se však, že i handicapovaní uživatelé mohou být i ti, co jsou omezeni svým zobrazovacím zařízením (majitelé PDA, chytrých mobilů, popřípadě zastaralých počítačů).

David Špinar podrobně rozepisuje jak používat jednotlivé stavební kameny internetových stránek, jako jsou

  • Navigace
  • Obrázky
  • Formuláře
  • Písmo
  • Barvy
  • Tabulky
  • … a další

V příloze pak najdete tištěná Pravidla pro tvorbu přístupného webu , Výběr z překladu Web Content Accessibility Guidelines 1.0 a Metodický návod od Blind Friendly Web pro tvorbu stránek přístupných pro uživatele s těžkým zrakovým postižením

Kniha má 360 stran, Cena 315,- Kč

Přičemž za 315,- korun získáte přidanou hodnotu, kterou si snad ani neodvažuji vyčíslit. Kniha zaplnila díru na trhu a přináší pro tvůrce webu opravdu kvalitní zdroj informací. Za výborný styl a strukturu knihy dávám knize 10 bodů z 10-ti.

Použitelnost internetových stránek - 1

Použitelnost internetových stránek vlastně není žádná věda. Ve zkratce bych ji shrnul jako jednoduchost používání a orientace na internetových stránkách. Jde o to, že internetové stránky často tvoří grafik a ne webdesigner. Pokud však grafik nemá patřičné znalosti o uživatelích internetových stránek, pak může nastat problém.
Webdesigner, popřípadě vedoucí internetového projektu by měl mít podle mého názoru vědět o:

  • Použitelnosti internetových stránek
  • Optimalizaci pro vyhledávače
  • Přístupnosti internetových stránek
  • Grafice

Často se však stává, že web tvoří člověk, který je grafik co se naučil HTML.

Zpět k použitelnosti internetových stránek …

Použitelný web by měl být jednoduchý a orientace na něm veskrze intuitivní

  • Odkaz by měl vypadat jako odkaz - Lidé jsou zvyklí především na podtržené odkazy, často s implicitní modrou barvou. Proč tedy webdesigneři skrývají odkazy do různých roztodivných patvarů, obrázků, …? Pravděpodobně se chtějí odlišit. Není to však kontraproduktivní?
  • Jasné, pozornost upoutávající, nadpisy - Každá stránka by měja mít jasný nadpis, který říká o čem daná stránka je. Uživatelé na internetu neradi čtou a běhají zrakem po monitoru. Neplýtvejme tedy jejich pozorností a časem!
  • Velké a jasně čitelné písmo - Často můžete spatřit weby na kterých je písmo malinkaté, popřípadě na nekontrastním pozadí, které se špatně čte. Proč? Moje osobní doporučení je používat bezpatkové písmo (např. Arial) na kratší celky textu. Na webu i na delší. Patkové písmo (Times New Roman) je zase lepší na delší celky textu. Patky totiž vedou řádky a spoustě lidem se čte lépe. Například knihy jsou psány patkovým písmem. Pokud se mýlím, sdělte mi to v diskusi pod článkem :)
  • Jasná navigace - Každý web by měl mít jasnou, zřetelnou a dobře použitelnou navigaci. Pokud navigace chybí na každé stránce, je to špatně, protože návštěvník vašeho webu může prostřednictvím vyhledávače dojít na kteroukoliv stránku vašeho webu. Navigace by se při brouzdání na webu neměla příliš měnit, protože mate uživatele.
  • Odkaz na hlavní stránku na každé stránce webu - Zřetelný a snadno nalezitelný odkaz na Hlavní stránku webu by měl být na každé stránce webu. Často se totiž stane, že uživatel zabloudí (to ještě může desetkrát kliknout na tlačítko zpět v Internet Exploreru), ale může se i dostat na hluboko zanoženou stránku webu prostřednictvím vyhledávače. Pokud vám odkaz na hlavní stránku chybí, uživatel pravděpodobně klikne na tlačítko zpět v internet Exploreru … tím se ale dostane zpět do vyhledávače a klikne na jiný odkaz ve výsledcích vyhledávání. Neztrácejte návštěvníky webu, kteří přijdou prostřednictvím vyhledávače!

Tím bych to dnes ukončil. vycházím z toho, že uživatelé webu neradi čtou dlouhé texty :)

Steve Krug říká, že pisatelé textu by měli vzít text, vyškrtat z něj zbytečnosti a tím jej zmenšit na polovinu. Ten poloviční text opět vzít a ještě jednou jej zmenšit na polovinu.

Steve Krug: Nenuťte uživatele přemýšlet

Steve Krug - Obal knihy

Kniha Steva Kruga přináší informace jak pohlížet na webdesign - tvorbu internetových stránek především z pohledu uživatele. Webdesignéři, ale i majetele internetových aplikací se zde dozví spoustu zajímavých a užitečných informací a počítám, že většina z nich najde na svých webech spoustu zásadních chyb.

Steve Krug říká několik zásadních věcí z pohledu člověka, který webdesignu rozumí. Steve Krug seznamuje s tím jak se uživatele na internetových stránkách pohybují a jak je využívají. Snaží se vysvětlit jak a proč odstranit z webu prvky, které nutí uživatele přemýšlet. “Nenutit uživatele přemýšlet” je přitom základním pojítkem a zároveň podtitulem celé knihy.

Některá moudra z této knihy Vám přinesu na těchto stránkách v nadcházejících dnech.
Knihu každopádně doporučuji přečíst jednak těm co mají internetové stránky, aby zjistili jak je jejich webdesigner schopný. Zároveň všem webmasterům aby nedělali stále ty stejné chyby :)

Knihu hodnotím známkou 9 z 10-ti. (praktických ukázek by mohlo bý o trochu více)

Kniha má 140 barevných stran na křídovém papíře.
Cena 249,- Kč

Duben 28, 2005

Prohlížeč Safari prošel testem ACID2

Prohlížeč Safari, jež používají uživatele Maců, prošel náročným testem ACID2, který kontroluje správnou interpretaci CSS2.
O co jde?
Hakon Wium Lie vývojář prohlížeče Opera vytvořil test správného zobrazování CSS2. V době, kdy byl test dokončen neuměl žádný prohlížeč zobrazit obrázek smajlíka v této podobě:
acid2 test
Jako první to teď dokázal prohlížeč Safari. Informoval o tom šéfvývojář Safari Dave Hyatt na svém weblogu.

Odkazy:
Stránka s testem Acid2
Projde váš prohlížeč testem? :)

Bezpečtnostní brána Check Point: Dobrá volba

Podle nezávislého testu Tolly Group zařízení Check Point Software Technologies přináší nejlepší zabezpečení vůči současným bezpečtnostním slabinám s nejnižšími náklady na pořízení. Testu se podrobily i výrobky Cisco a Juniper Networks. Zařízení VPN-1 Next Generation zablokovala během testu 100 procent běžných útoků na aplikační úrovni. Zařízení NetScreen-204 od Juniper Networks a PIX 515E od Cisco byla schopna ochránit pouze před šesti procenty útoků na aplikační úrovni.

Všechna zařízení byla podrobena 17 testům, kdy byla vystavena slabinám na aplikační úrovni včetně slabin v SQL, HTTP, SSL.

Takže až budete zařizovat velkou firemní síť, nenechte se zmást značkou. :)

Stavová hlášení HTTP, Chybové kódy

Přehled stavových hlášení protokolu HTTP a chybové kódy. Pro lepší orientaci.

1xx informační

  • 100 – Continuepokračování
  • 101 – Switching Protocolspřepínání protokolu
2xx úspěch

  • 200 – OKv pořádku
  • 201 – Createdvytvořeno
  • 202 – Acceptedakceptováno
  • 203 – Non-authoritative Informationnesměrodatná informace
  • 204 – No Contentnetřeba měnit dokument
  • 205 – Reset Contentobnovený obsah dokumentu
  • 206 – Partial Contentneúplný obsah dokumentu
3xx přesměrování požadavku

  • 300 – Multiple Choicesvíce voleb
  • 301 – Moved permanentlyobjekt přesunut
  • 302 – Moved temporarilyobjekt dočasně přesunut
  • 303 – See Otherlze nalézt pod jinými URI
  • 304 – Not modifiednezměněno
  • 305 – Use Proxypoužij proxy
  • 306 – zatím nepoužito, rezervováno
  • 307 – Temporary Redirectdočasně přesunuto
4xx chyba klienta (chybný požadavek)

  • 400 – Bad requestchybný požadavek
  • 401 – Unauthorizedneautorizovaný přístup
  • 402 – Payement Requiredzatím nepoužito, rezervováno pro budoucí použití
  • 403 – Forbiddenobecná chyba – Access forbidden
  • 404 – Not foundobjekt nenalezen
  • 405 – Method Not Allowednepovolená metoda
  • 406 – Not Acceptableneakceptovatelné
  • 407 – Proxy Authentication Requiredje požadovaná proxy autentifikace
  • 408 – Request Timeoutvypršení doby požadavku
  • 409 – Conflictkonflikt
  • 410 – Goneukončeno
  • 411 – Lenght Requiredje požadována délka
  • 412 – Precondition Failedpřednastavená podmínka je chybná
  • 413 – Request-url Entity Too Largepožadované množství je příliš velké
  • 414 – Request-url Too LongURI požadavku je příliš dlouhé
  • 415 – Unsupported Media Typenepodporovaný typ média
  • 416 – Requested Range Not Satisfiablepožadovaný rozsah je nesplnitelný
  • 417 – Expectation Failedpředpoklad skončil chybou
5xx chyba serveru
  • 500 – Internal server errorvnitřní chyba serveru
  • 501 – Not implementedneimplementováno
  • 502 – Bad gatewayšpatná brána – může hlásit proxy
  • 503 – Service unavailableslužba nedostupná – může být způsobeno přetížením serveru
  • 504 – Gateway Timeoutdoba průchodu vypršela
  • 505 – HTTP Version Not Supportednepodporovaná verze HTTP

Jak poslat klientovi stavový kód?
v PHP: header ($SERVER_PROTOCOL. ” 404 Not Found”);
nebo pomocí .htaccess uvedením například: ErrorDocument 404 http://www.domena.cz/404.html

Odkazy jinam:
HTTP status code definitions
Interval

Další strana »