Kriteria Universal Design Award dari Accessites.org

May 30, 2008 – 05:24 by Dani Iswara. Words count: 772.
Last updated: Sunday, January 25, 2009 at 3:03.

Situs Accessites dot org (Gambar 1) terdiri dari para ahli standar web, aksesibilitas, desainer, pengembang web / blog dan pemerhatinya. Mereka mempunyai misi untuk memberikan penghargaan Universal Design Award kepada web yang memenuhi kriteria tertentu. Sekaligus membuktikan bahwa situs web / blog yang aksesibel sebenarnya tidaklah membosankan atau hanya mengedepankan teks saja.

situs accessites.org

Gambar 1. Situs Accessites.org berpromosi
bahwa aksesibel juga bisa ‘nyeni’..

Jika situs web atau blog anda memenuhi kriteria mereka, silakan daftarkan melalui halaman kontak di situs Accessites.org.

Pokok penilaian mencakup:

  • Standar web
  • Aksesibilitas
  • Semantik X/HTML dan detailnya (SEO, pengelolaan halaman navigasi, kecepatan tampil, dll)
  • Penampilan desain (tidak terlalu sederhana atau membosankan)

Kriteria yang dimaksud (diterjemahkan dengan modifikasi dari halaman “kriteria” atas ijin pengelola situs Accessites.org):

Halaman ini memuat daftar kombinasi kriteria pengajuan web dan perankingan kami. Sebelum anda mengajukan suatu situs, silakan telusuri halaman ini untuk meyakinkan bahwa situs anda memenuhi kriteria paling tidak pada sejumlah 5 halamannya. Ketika kami menerima pengajuan anda, kami akan menelusuri sesuai urutan pada daftar kriteria yang sama — penilaian dihentikan saat kesalahan urutan pertama ditemui. Dengan asumsi lolos review kualifikasi, kami akan menyelidikinya lebih lanjut dalam sebuah tim (‘Team Access’).

Jika anda menyadari situs yang diajukan gagal memenuhi suatu poin dengan alasan yang tepat, anda akan diberi kesempatan menjelaskan alasannya pada formulir pengajuan. Kami akan mempertimbangkannya saat mereview.

Kriteria & Daftar Periksa

Penggunaan kode X/HTML & CSS
  1. Situs harus ditulis sesuai dengan DOCTYPE-nya. Jika dokumen web anda menggunakannya, maka haruslah valid (sesuai standar rekomendasi W3C).
  2. CSS yang valid harus digunakan untuk pengaturan tampilan / presentasi. Jangan gunakan tabel untuk presentasional.
  3. Situs harus memenuhi daftar periksa menurut ‘WCAG 1.0 Priority 1.’
  4. Ukuran teks harus fleksibel di berbagai peramban modern.
  5. Situs harus tampil baik pada resolusi monitor 800 x 600 piksel tanpa ’scrolling’ horisontal.
  6. Elemen semantik (X/HTML) harus digunakan dengan tepat. Mis. gunakan ul, ol, li untuk daftar, bukan sekadar membuat baris baru, dll.
  7. Tanpa CSS pun, situs harus mampu tersaji secara efektif dan logis.
‘Graceful Degradation’ & ‘Progressive Enhancement’
  1. Situs harus tetap berfungsi baik walau gambar tidak ditampilkan.
  2. Fitur utama situs web harus tetap berfungsi tanpa JavaScript atau plugin tertentu.
  3. Keamanan, seperti keamanan formulir, harus melalui validasi di sisi peladen.
Tetaut & Penautan
  1. Tetaut harus jelas dan dapat dibedakan serta mudah digunakan.
  2. Pengaturan hover tidak hanya melalui perubahan warna saja.
  3. Jika memungkinkan, kumpulan tetaut sebaiknya disusun dalam bentuk daftar.
Navigasi ‘Keyboard’
  1. Situs harus mudah ditelusuri tanpa ‘mouse’ / tetikus.
  2. Tetaut dan formulir harus disertai perubahan fokus / tampilan aktifnya.
  3. Jika memuat input, tabindex harus logis dan intuitif.
  4. ‘Skip links’ / ‘jump links’ harus tersedia sesuai kebutuhan, baik bagi pengguna dengan gangguan penglihatan maupun kebutaan.
Dukungan Pengunjung
  1. Isi / konten situs web harus terbaca, jelas dan ringkas.
  2. Fasilitas pencarian harus tersedia pada situs dengan banyak halaman.
  3. Pengunjung harus dapat melakukan kontak dengan mudah tanpa membuka aplikasi lain.
  4. Situs harus memuat tambahan informasi bagi pengunjung, seperti ’site map’, ‘accessibility statement’, halaman 404 yang ramah pengguna, dll.
Kompatibilitas antar Peramban
  1. Situs harus berfungsi efektif pada sejumlah peramban terkini termasuk pembaca layar / ’screen readers’.
  2. ‘CSS hacks’ sebaiknya dihindari terutama yang terkait dengan ‘conditional comment’ (Internet Explorer) atau ‘content negotiation’ (application/xhtml+xml dan text/html).
  3. Idealnya, isi situs sebaiknya aksesibel pada peramban generasi lama.
Desain Visual
  1. Desain harus karya orisinil. Anda boleh mengajukan situs yang dibuat dengan mesin blog populer seperti WordPress, tetapi temanya harus orisinil dan dimodifikasi secara mendalam.
  2. The site must look great!

Level Penghargaan

Ketika kami menyelesaikan review tim terhadap suatu situs, kami akan memberikan penghargaan sebagai berikut:

Notable Universal Design Award [!]
Situs yang menerima level penghargaan ini telah mencapai semua kebutuhan minimum dalam kriteria kami di atas.
Quality Universal Design Award [*]
Situs yang mencapai level penghargaan ini telah menunjukkan perhatian yang baik pada detail. Menunjukkan secara nyata bahwa pengembang telah bekerja keras sesuai standar yang ada. Menurut kami, ini adalah tipe situs web yang pengembang pemula harus panuti.
Classic Universal Design Award [**]
Situs penerima level penghargaan ini telah menunjukkan perhatian yang lebih mendetail. Kami percaya situs ini adalah situs web yang baik dimana pengembang bekerja keras dengan tekun sesuai standar. Kita semua dapat belajar dari situs ini.
Timeless Universal Design Award [***]
Dalam satu kata – Wow! Ini situs yang paling menonjol, patut dicontoh dimana pengembang berpengalaman membuatnya sesempurna mungkin. Ini tipe situs web yang dicita-citakan para pengembang aksesibilitas dan standar web.

Mohon koreksinya bagi yang lebih memahami. Terima kasih. :)

Peraih penghargaan akan dipertimbangkan untuk memperoleh penghargaan dari GAWDS jika memenuhi syarat.

Dibandingkan dengan tes web / blog lain seperti pada Catatan Analisis Blog versi Webagogo dan ‘Scored 100 by SEO Analyzer‘, kelebihan penghargaan Accessites.org adalah pada penilaian desain menurut cita rasa manusia, bukan sekadar algoritma mesin semata. :)

Just unessential weblog
Dani Iswara, mail me: [myfirstnamelastname]@gmail.com or use contact form.

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: Kriteria Universal Design Award dari Accessites.org by Dani Iswara.

Unimportant Related/Random Posts

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

13 Responses to post titled: Kriteria Universal Design Award dari Accessites.org

  1. Comment by taqi on May 31, 2008 at 00:11:21
    using Mozilla Firefox 2.0.0.9 on Windows XP

    menarik..masnya ikut ya..

  2. Comment by Dani Iswara on May 31, 2008 at 05:53:02
    using Mozilla Firefox 2.0.0.14 on GNU/Linux

    - taqi:
    saya suporter aja :)
    scr bukan desainer web..
    ikut nyesuain biar ngga ngebosenin..tp tetep aja..
    moga ada org Indonesia yg ikut ngeramein :D
    ayo mas dicoba..tp ngga ada hadiah uangnya.. :)

  3. Comment by anggi on May 31, 2008 at 10:16:21
    using Mozilla Firefox 2.0.0.14 on Windows XP

    wah dengan adanya ini.. bisa membuat kita lebih terstruktur dalam mebuat web standard :D

  4. Comment by Dani Iswara on May 31, 2008 at 11:21:23
    using Mozilla Firefox 2.0.0.14 on GNU/Linux

    - anggi:
    silakan yg lbh berkompeten :)
    saya ndukung aja..

  5. Comment by riesurya on April 13, 2009 at 01:05:36
    using Mozilla Firefox 3.0.8 on Windows XP

    Wuiiii, syarat dan ketentuan berlakunya serem amat ya. :)
    kayaknya situs MOTW mah jauh ladang dari belalang :D
    Tx buat Mas Dani buat infonya, jadi tambah semangat mo belajar bikin web yang bisa dinikmati oleh manusia juga mesin.

  6. Comment by Dani Iswara on April 13, 2009 at 06:07:47
    using Mozilla Firefox 3.0.8 on Gentoo Linux

    riesurya,
    ambil baiknya aja, pak..
    toh memang mesti timbang-2 milih fitur-2 apa aja sesuai tujuan dan konsep masing-2 :) utk belajar aja kok..

  7. Comment by uwiuw on May 21, 2009 at 13:14:02
    using Mozilla Firefox 3.0.10 on Windows XP

    “Situs harus tampil baik pada resolusi monitor 800 x 600 piksel tanpa ’scrolling’ horisontal” <<< you got to be kidding me! hahhahah. ini susah banget loh. Apalagi penggunaan float itu hack css loh. Secara sejarah, penggunaan float itu bukan untuk bikin sidebar di layut. seharusnya peruntukkannya lain. Tp sejak awal ada, udah dipakai orang untuk bikin sidebar. JAdi aja, penggunaan float buat ini aja hehehe.

  8. Comment by Dani Iswara on May 21, 2009 at 13:45:03
    using Mozilla Firefox 3.0.10 on Gentoo Linux

    uwiuw,
    menurut mereka, bole kasi alasan jika tdk mampu memenuhi syarat-2 tersebut dan akan dipertimbangkan.. :)

  9. Comment by ganda on June 16, 2009 at 15:05:24
    using Internet Explorer 8.0 on Windows XP

    berat banget!! hehehe… Belum berani mencoba.. :D Tapi saya akan mencoba menggabungkan aksesibilitas dan desain.

  10. Comment by Dani Iswara on June 16, 2009 at 15:28:48
    using Mozilla Firefox 3.0.11 on Gentoo Linux

    ganda,
    iya nih..ngeliat yang lolos-lolos, kayaknya emang mereka pada niat. :)

Trackbacks/Pingbacks

  1. Pingback by Web Accessibility Learning from GAWDS Award - Dani Iswara .Net on June 3, 2008 at 17:21:37
    using WordPress 2.5.1

    [...] the full criteria on Dani Iswara .Net blog post, Kriteria Universal Design Award dari Accessites.org (in Bahasa [...]

  2. Pingback by Songket WordPress Theme Review - Dani Iswara .Net on May 30, 2009 at 08:07:12
    using WordPress abc

    [...] of my own checklist and Universal design award criteria (bahasa [...]

  3. Pingback by Accessibility Review by Practical eCommerce - Dani Iswara .Net on September 27, 2009 at 07:33:39
    using WordPress abc

    [...] may read Universal Design Award Criteria – Indonesian Translation at Dani Iswara [...]

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: Mengelola Blog Baru
‹‹ Newer entries: World No Tobacco Day, 31 May 2008