Úvodní stránka Internet Webové aplikace a přístupnost - test

Webové aplikace a přístupnost - test

V první části webové aplikace a přístupnost jsem psal, jak by měla vypadat struktura webové aplikace při vypnutých stylech (v alternativních prohlížečích typu: PDA, textové prohlížeče nebo programy pro postižené). Tato část se zabývá testováním konkrétních stránek (většina jsou osobní stránky mých přátel). U každého webu jsem se snažil popsat jeho strukturu, nedostatky a základní doporučení.

Správná struktura webové stránky

1. Logo – při vypnutých CSS jen název + odkaz na úvodní stanu.
2. Odkaz [ ↓ k menu ↓ ] – tento odkaz odkazuje na menu, které se nachází níže. Je viditelný jen při vypnutých stylech.
3. Nadpis H1, H2, H3
4. Samotný text – stránky by neměli být dlouhé, maximální výšku doporučuji 2x až 3x výšku rozlišení monitoru. Pokud se na stránce bude nacházet více článků je lepší je zkrátit a celý obsah vypisovat až po rozkliknutí detailu článku.
5. Odkaz [ ↑ k hlavnímu obsahu ↑ ] – návrat na krok 3 (Nadpis H1, H2, H3). Viditelný při vypnutých stylech.
6. Menu
7. Patička stránky (obsah: úvodní stránka, mapa stránek, tisk stránky)
8. Autor

Hodnocený web - www.mikajik.info

• prvním nedostatkem je to, že návštěvník při procházení stránek pokaždé uvidí: Dnes je Pondělí 28.05.2007, svátek slaví ... což považuji jako nejhorší
• reklama
• anketa
• informace o webu
• teprve pak obsah
• doporučení => struktura dokumentu je podle výše uvedených pravidel nevyhovující!

Hodnocený web - blog.jsmid.net

• logo
• nadpis webu
• menu
• zaregistrovat :: Zapomněli jste heslo? => tuto variantu zde považuji za nevhodně umístěnou
• obsah
• doporučení => logo při vypnutých stylech vůbec nezobrazovat a místo toho zobrazit nadpis webu
• doporučení => menu přesunout pod obsah

Hodnocený web - www.kajinek.org

• firemní odkazy
• vyhledávání
• menu
• firemní odkazy
• obsah
• doporučení => firemní odkazy návštěvníka nezajímají tolik jako věcný obsah (přesunout pod obsah)
• doporučení => při vypnutých stylech není nikde zobrazen název webu

Hodnocený web - www.hunka.cz

• název webu
• menu
• odkazy
• logo
• obsah
• doporučení => název webu a logo je lepší sjednotit - podobné jako u blog.jsmid.net

Hodnocený web - www.rony.bloguje.cz

• název webu (bez obrázku jako jediný web)
• obsah
• co se týká přístupnosti nejlepší web z hodnocených

Hodnocený web - www.mc-matysek.cz

• obrázek místo názvu
• menu
• drobečková navigace - velice vhodné umístění (přesně nad samotným obsahem)
• obsah
• doporučení => nahradit obrázek názvem webu a menu přesunout pod obsah

Celkové pořadí

Testování a celkové hodnocení vychází z mých osobních zkušeností a názorů a nebráním se jakýmkoli námitkách a připomínkám. Kompletním pravidlům nevyhovuje ani jeden testovaný web, proto jsem se rozhodl hodnotit podle webu www.rony.bloguje.cz, kterému jsem udělil 10 bodů (maximum) a podle něj hodnotil přístupnost a použitelnost ostatních webů. O druhé a zároveň třetí místo se dělí www.mc-matysek.cz a blog.jsmid.net u kterých jsou jen drobné nedostatky v podobě log (místo textového odkazu) a menu, které je před vlastním obsahem. Třetí místo obsadil wwww.kajinek.org, který už obsahuje více nedostatků (např. 14x odkazy jinam, pak vlastní obsah). Obdobné je to i u www.hunka.cz. Web www.mikajik.info, je podle kritérií (i podle zmírněných kritérií) nejhorší a nepřístupný (nepoužitelný) web.

1. www.rony.bloguje.cz (10 bodů)
2. www.mc-matysek.cz (8 bodů)
3. blog.jsmid.net (8 bodů)
4. www.kajinek.org (5 bodů)
5. www.hunka.cz (4 bodů)
6. www.mikajik.info (0 bodů)