Diperbarui 23 Juli 2010 oleh Dani Iswara
Pleasing visually Website designs might be pleasing the eyes only. They are may be inaccessible in some point of views. Usable and accessible words always overlapping each other. Remember, the eyes is not the only one ‘client’.
Based on my browsing experience, these situations usually found on visually usable Websites:
- No ‘Skip to main content’ menu. So, they are not truly usable for tab-bing users.
- Lack of sufficient contrast color. Based on Web Content Accessibility Guidelines (WCAG) 2.0 – contrast ratio. Commonly, it happened on tagline, blog description, post metadata, quotation, and small texts in footer section.
- Links are not distinct. “Underline links in the main content may arise aesthetics problem,” they said. Links are different by its color only. Their decision may become a problem for low vision and color-deficit vision users.
- Lacks of alternative text. Problems are visible while all images turned off in Web browser’s side. No descriptive and proper
alt
attributes are available. - Abbreviation is not clear in meaning. Although not using
abbr
tag, at least the definiton or expanded version is described in the first of its occurences.
You may also review those condition in:
- ‘Simple’ themes of WordPress and other CMS.
- Blogs and Websites which have a large usability topics.
10 tanggapan untuk “Inaccessibility of Visually Usable Website”
Bli Dani,
1) skip to main content, bersifat wajib?
2) kontras warna, masih banyak yang membuat asal “cantik”.
3) masih banyak, artikel terdapat warna lain dan bergaris bawah tetapi tidak bisa di klik.
4) kalau sudah di-sable image, tidak ketahuan lagi justrungnya :(
5) ada apa dengan
abbr
Bli?, selama ini selalu menggunakanabbr
untuk singkatan danacronym
untuk akronim.typo :(
abbr
untuk singkatanPak Aldy,
tentang menu skip to main content itu:
G1: Adding a link at the top of each page that goes directly to the main content area (WCAG 2.0).
Mengenai tag
abbr
, pernah kita bahas di Tagabbr
Mudah Diakses. Di HTML5 (jika suatu ketika gantidoctype
), tag abbr merepresentasikan abbr dan acronym:Skip to main conten? saya taruh absolute -1000px tersembunyi di atas jendela peramban… hehe…
ardianzzz,
setelah klik menu skip itu, tombol back-nya berfungsi? :P
Ah, sedikit masalah dengan jQuery :P
Bli Dani,
Kedepan
acronym
dipensiunkan, cukup menggunakanabbr
saja?, atau boleh mulai dari sekarang?ardianzzz,
masalah kecil, memang. Apalagi buat situ.
Pak Aldy,
teori semantiknya, memang tag
abbr
yang direkomendasikan. Tapi, apapun tag yang akan deprecated/usang, peramban Web modern akan tetap mampu membacanya. Mengenai pilihan, terserah pengelola/penyaji saja.[…] patut disontek begitu saja? Silakan baca kembali Inaccessibility of Accessible Website & Inaccessibility of Visually Usable Website di Dani Iswara […]
[…] ini sempat saya singgung di tulisan Inaccessibility of Visually Usable Website (Dani Iswara .com). Beberapa tema/theme WordPress yang dinyatakan usable, tampak sederhana di sisi […]