Koderův checklist
Někdy zapomenu na tohle, jindy na něco jiného, leč dobrý web potřebuje maximální péči. A tak jsem si začal sestavovat checklist.
Většinou při tvorbě webu na něco zapomenu – ať už je to tiskový styl, finální validace dokumentu, nebo zvětšení si písma. A teď nastal čas s tímto stavem něco provést a rozhodl jsem si vyrobit seznam detailů, které bych měl před spuštěním webu zkontrolovat (např. proto, že bych měl rád na Moderním webu nějaké další webíky).
Nebudu je zatím nijak zvlášť strukturovat ani rozepisovat a až je doplním z vašich komentářů, tak by mohla vzniknout nějaká hezká checkstránka (prošpikovaná odshora dolů adsense), na kterou bude spousta lidí odkazovat a mě to přinese další zisky, co vy na to? :-) (just a joke)
- validace HTML a CSS (šablon, webu a final webu před předáním)
- alty obrázků
- dostatečně popisné texty odkazů / doplnění title
- skip odkazy na začátku stránky
- :focus a :active stavy všech odkazů (aneb funguje vše jen klávesnicí?)
- kontrast pozadí / text
- otestování webu ve svaté trojici a IE7
- test s vypnutými obrázky, JS a CSS
- zvětšení písma prohlížeče
- test v 800×600 (některé designy by se mohly nevhodně nalepit na okraj prohlížeče)
- tiskové styly
- unikátní title a description na jednotlivých stránkách
- stránka 404
- favicon
Komentáře
Asi bych měl upřesnit, že toto je seznam činností, na které často zapomenu, ne návod na přístupný a použitelný web. To beru jako základ, na kterém se staví :-)
Chtěl jsem tím jen říct, že do mého checklistu patří i kontrola přístupnosti. Nic víc, nic míň :)
Zkontrolovat zda-li zákazník zaplatil :D
Jinak u dlouhých stránek také odkaz v patičce na top (vrchol ?) stránky.
Prvně rejpnutí: nevím, jestli je správné tvůj seznam nazývat kodérovým checklistem, když práci s obsahem (alty, text odkazů, …) často dělá postava s jinou funkcí (i když fyzicky mohou být jedna).
Teď k věci: v mém kodérově checklistu mám (taky si ho vedu!):
- odstranění gammy z png (zapomínám furt!)
- font-family a obecně font pro formulářové prvky, obzvláště textarey.
- použitelnost bez obrázků / css
- tiskový styl (+ zpřehledňující HR lajny)
- validace
Pokud delame jen sablony ktere se maji dodatecne plnit, tak taky zkusit si je „nestandartne“ naplnit. To je dat si tam o neco vice textu a zkusit jestli to nekde nevytejka nebo nemizi atp.
Musím pochválit bod „test v 800×600“, ještě nedávno jsem toto rozlišení používal na 14" monitoru a tvůj web byl jeden z mála, který se dal na tom číst. Teď mám 19" Wide Screen 1440*900 a zase ti píšu plus, protože to stále vypadá dobře.
Doplnil bych ještě chyby v Javascriptu, konkrétně Řádek 2, Znak 1, Chybná syntaxe :)
Kontrola hustoty klíčových slov v nadpisech h1 h2, h3 a jejich trefnost, různost a přesnost.
aj ja trochu rypnem:
„kontrast pozadí / text“
to by mal byť grafikov problém nie?
Hmm „svatá trojice a IE7“…tipuju, že tak za rok už bude zase jenom „svatá trojice“ :)
[15] jde spíš o to se ujistit, že robots.txt generuje buď chybu 404 (stránka neexistuje), nebo vrací smysluplný obsah. Chybou by bylo, například v MVC aplikaci, kdyby vracel webovou stránku s kódem 200, přesměrování nebo dokonce chybu serveru.
Taky mám svůj checklist – k nahlédnutí zde: http://b.69.sblog.cz/2006/05/29/163 – shodou okolností jsem ho publikoval právě skoro před rokem…
Chybějící atributy alt u obrázků mi většinou vyplivne už bod jedna (validace). Nevim jak vy ostatní, ale já kontroluji i přístupnost.