Web-standardit

Web-standardien tarkistuslista

Kirjoittanut Toimitus .

Kirjoittaja: Russ Weakley, Max Design. Alkuperäisen presentaation pohjalta kääntänyt Kalamuki.

Mitä web-standardit ovat?

Käsite ’web-standardit’ voi tarkoittaa eri asioita eri ihmisille. Joillekin se on web-sivustojen tekemistä ilman taulukoita, toisille validin koodin käyttämistä. Web-standardit ovat kuitenkin paljon laajempi asia. Web-standardit voisi määritellä:

sitoutumiseksi standardeihin (HTML, XHTML, XML, CSS, XSLT, DOM, MathML, SVG jne.) ja pyrkimykseksi hyviin toimintatapoihin (validi koodi, esteetön koodi, semanttisesti oikeaoppinen koodi, käyttäjäystävälliset URLit jne.).

Toisin sanoen…

Sivuston, joka on rakennettu web-standardeilla, pitäisi olla sutjakka, siisti, CSS-pohjainen, esteetön, käytettävä ja ystävällinen hakukoneille.

Tarkistuslistasta

Tämä lista ei ole kaikkien tarkistuslistojen äiti. Paljon voitaisiin lisätä. Tämä on yksinkertaisesti lähtökohta ja tätä voi käyttää:

  • osoittamaan web-standardien laajuutta
  • web-kehittäjien kätevänä työkaluna sivuston tuotantovaiheeseen
  • apuna web-kehittäjille, jotka ovat kiinnostuneita siirtymään kohti web-standardien käyttöä

Tarkistuslista on jaettu kuuteen osioon:

  1. Koodin laatu
  2. Kuinka tarkasti sisältö ja esitystapa on erotettu toisistaan?
  3. Esteettömyys käyttäjille
  4. Esteettömyys laitteille
  5. Peruskäytettävyys
  6. Sivuston hallinta

1. Koodin laatu

  1. Käytetäänkö sivustossa oikeaa dokumenttityyppiä?
    http://www.w3.org/QA/2002/04/valid-dtd-list.html
  2. Onko merkistö määritetty sivustolla?
    http://www.w3.org/International/O-charset.html
  3. Käytetäänkö sivustossa validia (X)HTML:ia?
    http://validator.w3.org/
  4. Käytetäänkö sivustossa validia CSS:ia?
    http://jigsaw.w3.org/css-validator/
  5. Käytetäänkö sivustossa CSS-hackeja?
  6. Käytetäänkö sivustossa turhia class- tai id-määritteitä?
  7. Onko koodi rakenteeltaan hyvää?
    http://www.w3.org/2003/12/semantic-extractor.html
  8. Onko sivustolla rikkinäisiä linkkejä?
    http://validator.w3.org/checklink
  9. Kuinka hyvin sivusto toimii nopeuden/sivukoon suhteen?
    http://www.websiteoptimization.com/services/analyze/
  10. Onko sivustolla Javascript-virheitä?

2. Kuinka tarkasti sisältö ja esitystapa on erotettu toisistaan?

  1. Käytetäänkö CSS:ia kontrolloimaan kaikkia esitystavan eri piirteitä (fontit, väri, täyte, rajat jne.)?
  2. Onko kaikki kuvituskuvat määritelty CSS:ssa vai näkyvätkö ne (X)HTML:ssa?

3. Esteettömyys käyttäjille

  1. Käytetäänkö alt-määritteitä kaikissa merkityksellisissä kuvissa?
  2. Käytetäänkö sivustolla suhteellisia vai ehdottomia yksiköitä tekstin koon määrittämiseen?
  3. Hajoaako mikään kohta taitossa, jos fonttikokoa suurennetaan?
  4. Käytetäänkö sivustolla näkyviä pikalinkkejä (skip menus)?
  5. Käytetäänkö sivustolla esteettömiä lomakkeita?
  6. Käytetäänkö sivustolla esteettömiä taulukoita?
  7. Ovatko värit riittävän kirkkaita ja kontrastit selkeitä?
  8. Käytetäänkö kriittisen informaation osoittamiseen yksistään väriä?
  9. Toimivatko pudotusvalikot viiveellä (käyttäjille, joilla on heikot motoriset kyvyt)?
  10. Ovatko kaikki linkkitekstit kuvaavia (sokeille käyttäjille)?

4. Esteettömyys laitteille

  1. Toimiiko sivusto hyväksyttävästi niin uusilla kuin vanhoillakin selaimilla?
  2. Onko sisältö saavutettavissa, mikäli CSS on kytketty pois käytöstä tai selain ei tue sitä?
  3. Onko sisältö saavutettavissa, mikäli kuvat on kytketty pois käytöstä tai selain ei osaa näyttää niitä?
  4. Toimiiko sivusto tekstiselaimilla, kuten Lynxillä?
  5. Toimiiko sivusto hyvin tulostettaessa?
  6. Toimiiko sivusto hyvin kannettavissa laitteissa?
  7. Sisältääkö sivusto yksityiskohtaista metadataa?
  8. Toimiiko sivusto hyvin eri kokoisissa selainikkunoissa?

5. Peruskäytettävyys

  1. Käytetäänkö selkeää visuaalista hierarkiaa?
  2. Erottuvatko otsikkotasot hyvin?
  3. Onko sivustolla helposti ymmärrettävä navigointi?
  4. Onko sivustolla johdonmukainen navigointi?
  5. Onko linkit alleviivattu?
  6. Käyttääkö sivusto johdonmukaista ja asiaankuuluvaa kieltä?
  7. Käytetäänkö sivukartta- ja yhteystietosivua? Onko ne helppo löytää?
  8. Onko (isolla) sivustolla hakutyökalu?
  9. Onko sivuston jokaisella sivulla linkki etusivulle?
  10. Merkitäänkö vieraillut linkit selkeästi omalla värillään?

6. Sivuston hallinta

  1. Onko sivustolla merkityksellinen ja avulias 404-virhesivu, joka toimii millä sivuston tasolla tahansa?
  2. Käytetäänkö ystävällisiä URLeja?
  3. Toimivatko URLit ilman www:ia?
  4. Onko sivustolla favicon?

Tästä listasta

Tämä Russ Weakleyn, Max Design, kirjoittama tarkistuslista hahmoteltiin raakamuodossa Web Standards -postituslistalla toukokuussa 2004. Se esitettiin Sydneyn Web Standards Groupille 5.8.2004.

Lista on saatavilla myös