Web Accessibility Learning from GAWDS Award

Posted: June 3, 2008 at 17:21:03 by Dani Iswara. Words count: 567.
Last updated: June 4, 2008 at 19:42:23.

Congratulations to Little Blue Plane site. They have been awarded GAWDS (The Guild of Accessibility Web Designers) Web Accessibility Award. The winner was decided by GAWDS member votes. As a best practices on web accessibility, we can learn from the winner's site. The full review is written on Little Blue Plane gains GAWDS Web Accessibility Award, First Quarter 2008. Here are the points:
  • very clean site, minimalistic, easy on the eyes
  • visible skip links
  • simple & conventional navigation
  • excellent in accessibility
  • clean code, markup structure
  • liquid layout
  • usability features, such as switchable contrast, changeable text size, link highlighting (current focus for tabbing keyboard users).
Read the full criteria on Dani Iswara .Net blog post, Kriteria Universal Design Award dari Accessites.org (in Bahasa Indonesia). Additional status based on my point of view (homepage only):
  • W3C (World Wide Web Consortium) markup:
    • W3C markup validator: valid XHTML (Extensible HyperText Markup Language) 1.0 Strict
    • Validome.org: valid XHTML 1.0 Strict with remarks:
      • first remarks:
        This XHTML 1.0 document was delivered with MIME-Type text/html. This MIME-Type should not be used, if the document does not correspond to the HTML Compatibility Guidelines.
      • second remarks:
        No encoding declaration found within this XHTML document. However the validator found a Meta element containing some information concerning encoding (utf-8). This kind of encoding declaration will be not processed within XHTML documents, it is useful for downward compatibility to HTML. Please add either a XML declaration containing a encoding information at the very beginning of your document (z. B. <?xml version="1.0" encoding="utf-8"?>, or prompt your server to send an appropriate HTTP-Header (example for PHP users: header('Content-Type: text/html; charset=utf-8');). As no valid encoding declaration found, your document was processed via fallback to UTF-8.
    • W3C CSS (Cascading Style Sheets) validator: valid CSS 2.1 & 3
    • Accessibility checker (by machine)
      • by Cynthiasays.com: failed on WAI (Web Accessibility Initiative), passed on Section 508
      • WAVE test: no error
      • ATRC (Adaptive Technology Resource Centre) - Web Accessibility Checker:
        • Conditional Pass on all guidelines (BITV 1.0 Level 2 -- Germany Standard, Section 508 -- US Standard, Stanca Act -- Italy standard, WCAG -- Web Content Accessibility Guidelines 1.0 Level A & AA, WCAG 2.0 L1, L2 & L3),
        • Fail on WCAG 1.0 Level AAA (1 problem)
      • Feed validator: not valid
      • Scored 100 by SEO (Search Engine Optimization) Analyzer
      • Web Page Speed Report:
        • Total HTTP (HyperText Transfer Protocol) requests: 21
        • Total size: 62167 bytes (confirm to SEO Analyzer)
        • No HTTP compression
      • W3C Link Checker: found 21 anchors. Valid anchors.
      • Colour contrast analyser (Firefox extension): no fail.
      Did I miss some nice tools? Several blog engines (WordPress, Drupal, Symphony) has a commitment on web standards, accessibility and semantic issue. It is more easy now since the web designers and developers have shared their W3C standard compliance themes for free. :) Web accessibility concern on health related sites (at least they passed Section 508 validation and have an 'accessibility statement' page) can you find on: See also these websites in Asian region:
Just unessential weblog
Dani Iswara, mail me: [myfirstnamelastname]@gmail.com.

Posted in category: Web Standards
Tags: ,
7 Comments/Trackbacks (Comment closed)

You are free to share (copy, distribute, transmit) & adapt this blog post under the similar license (Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported; CCA-NC-SA 3.0 Unported). Please put these links on your copy:
Taken from: Web Accessibility Learning from GAWDS Award by Dani Iswara.

Unimportant Related/Random Posts

You may also read list of most popular posts and most popular tags of Dani Iswara .Net.

7 Responses to post titled: Web Accessibility Learning from GAWDS Award

  1. Comment by Vina Revi on June 4, 2008 at 06:05:02
    using Firefox 2.0.0.14 on Windows Vista

    Ada hubungan sodara ama Little Blue Plane, Dan? :)

  2. Comment by de sanur ne on June 5, 2008 at 12:32:36
    using Firefox 2.0.0.14 on Windows XP

    Dikasi salam sama adik saya (bogel cewek) untuk pak dokter Dani

  3. Comment by uwiuw on June 6, 2008 at 06:05:26
    using Firefox 2.0 on Windows XP

    wow ternyata ada award semacam ini...hmm kayaknya menarik jg kalau menangnya yah. sy pribadi jg suka sama web yg minimalis. dan sekarang sy mau ke web yg kamu rekomendasikan itu...mau ngecek seberapa minimalis :)

  4. Comment by agung on June 6, 2008 at 16:56:33
    using Firefox 2.0.0.14 on Windows XP

    aku juga masih bingung mas...btw keren mas blog sampean. clean pantes dapat awward :)

  5. Comment by dani on June 6, 2008 at 17:46:13
    using Opera 9.50 on GNU/Linux

    - Vina Revi:
    itung2 belajar dari yg bener Vin :)
    kl sodaraan, kali dah diajak makan2-nya..

    - de sanur ne:
    dah saya japri ya bli.. :)

    - uwiuw:
    silakan berpartisipasi..

    - agung:
    ngga mudeng jg saya kalo rumit2 mas..
    makasi..tp bukan blog saya kok yg juara itu.. :)

  6. Comment by Deddy on June 7, 2008 at 10:10:19
    using Firefox 2.0.0.14 on Windows XP

    Liquid layout itu maksudnya apa ya? Yang dinamis sesuai resolusi layar? Ngga fix gitu ya?

  7. Comment by dani on June 7, 2008 at 11:02:55
    using Firefox 2.0.0.14 on GNU/Linux

    - Deddy:
    biar beliau2 para desainer web deh yg ngejelasin, Ded..
    aku yo bingung antara jargon2 brkt: liquid, fluid, fleksibel, elastik, not-fixed, em, %, xx-small, medium, x-large, relative size, no horizontal scrolling, whitespace..

    peramban : font (default) min. di bbrp peramban yg 16px (fx), interpretasi resize teks di berbagai peramban yg beda2..

    pembaca : yg ngga semuanya punya resolusi monitor sama (umumnya 1024x768 kan ya..)..ngga semuanya make maximize windows..ada yg seneng ngebesarin ukuran font (sptnya cukup 1-2 kali) tp desain keseluruhan malah saling tumpuk..etc

    arrghh..masi memimpikan standar web dan aksesibilitas (bagi peramban dan desain web/blog).. :D

    tp plg aman katanya kombinasi jenis2 layout di atas..

Sorry, for some reasons (sometimes due to sp*ms attack), the comment form is closed at this time. If You have any suggestions, please contact me. Thank you.

Dani Iswara .Net

Return to TOP
›› Older entries: Firefox 3 Pledge for World Record
‹‹ Newer entries: Belajar SEO dan Aksesibilitas Web