Web Accessibility

Mobile presentation of unessential side

Diperbarui 30 Agustus 2010 oleh Dani Iswara

Answering one web – how many devices do you serve (Dani Iswara .com), I chose to do almost nothing. Mobile presentation of this unessential site is available with the help of Cascading Stye Sheets (CSS). Users are served by one content (XHTML). Unessential Side has almost-the-same user experiences for desktop and mobile version. Since there is only a single user interfaces for the easy of use. Less learning curves.

Accessible doesn’t mean web authors must have exactly the same user interfaces for different targeted visitors. The most important part is, content itself. Its content should has similar meaning for targeted audience. Whatever its representation.

For one column of Unessential Side, CSS3 media queries (w3.org) helping me. No need for server customization such as content negotiations, doctypes switching, or user agents detections. I only have these CSS3 standards in the head section:

<meta name="viewport" content="width=device-width" />

and something like these in style sheet:

@media screen and (min-width:120px) and (max-width:700px)
#content img{max-width:200px;height:auto}

Tested on:

  • Opera mobile simulator version 10+.
  • Opera mini simulator version 5+. Check this post Opera-related in Arch Linux (Dani Iswara .com).
  • Firefox with several extensions: user agent switcher, modify headers, and wmlbrowser.
  • Firefox. Try resizing your browser window.

Best practice checked using:

  • W3C MobileOK.
  • Ready.mobi.

Easy of maintenance is the main reason. You may read the complete reason in bahasa Indonesia, pertimbangan penyederhanaan situs (Dani Iswara .com).

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.