Accessibility

An accessible design is as important as a usable design. While I have always tried to ensure that my design uses valid syntax and avoids inaccessible tricks such as a proliferation of Javascript, I have finally officially implemented accessibility standards. Should you find that this site violates any standard please email me at admin@anthologyoi.com.

The following Access Keys can be used for navigation, and follow the patterns set by the UK Government.

Access Key Anthology of Ideas UK Government
0 Access Keys and Accessibility Standards Access Keys
1 Home Page Home Page
2 News What’s New
3 Site Map Site Map
4 Search Search
5 None FAQ
6 About Help
7 None Complaints
8 None Terms and Conditions
9 None Feedback
S Skip Naviation Skip Navigation

What features does this site incorporate to ensure accessibility?

  • Relative font sizes to ensure an attractive design even for users who need large fonts.
  • No critical Javascript. Javascript is used in the site, but is not used to perform any critical function. Users without Javascript will have a similar browsing experience to users with Javascript.
  • No harsh color schemes.
  • Content is served directly after required navigational menus. This allows screen readers to get to the main content of a page.
  • Images are used as part of the design but are not used as as content nor are they essential.
  • This website uses summaries and titles to ensure that proper context is relaid.
  • Design is attractive and valid for all major browsers.
  • A separate style sheets are used for printing, small media (such as PDAs and Cell Phones), and screen readers.
  • Nothing on this site flickers. If Javascript is enabled some minor special effects are used where one may expect such effects to appear.
  • “Skip to” links are provided where they may be useful.

Why should you care about accessibility?

Many times people assume that just because they are able to do something everyone else can too. Frequently in web design this flawed idea is used to the detriment of the user. Designs that are low contrast such as red text on a black background may be readable for the majority of users (although uncomfortable ), but for anyone who has low vision it can appear as just black. Similarly, designs that really heavily on Javascript, tables and CSS positioning may make little sense when read by a screen reader.

This doesn’t mean your design has to be boring nor do you have to ensure that everyone sees it the same way; however, it does mean that when designing you should consider who your users might be and try to design your website in such a way that the majority of it is usable.

How do I use Access Keys?
Different browsers implement Access Key shortcuts differently. The following is a list of browser access key key combinations.

  • On Windows and Linux. Firefox 2.0+: Hold down the Alt Key and the Shift key, and press the access key.
  • On Windows. Internet Explorer 5+: Hold down the Alt key, and press the number or letter of the access key. Release both keys and press Enter.
  • On Windows. Internet Explorer 4, Firefox 1.0, Mozilla and Netscape 7+: Hold down the Alt key and press the number or letter of the access key.
  • On Mac OS X. Firefox, Mozilla, Netscape 7+, Internet Explorer 5+, Safari and Omniweb: Hold down the Ctrl key and press the number or letter of the access key.
  • Konqueror: Press and release the Ctrl key, then press the number or letter of the access key.
  • On the Mac Internet Explorer 4.5 and on all platforms Netscape version 6 and earlier: Access keys are unsupported.
  • Sigrid Peterson

    Thank you for your comments about accessibility. I use the Netscape 7.2 browser because I can enlarge type to 135%, not too large, and of course not too small.
    BUT I also have a number of WordPress blogs, with various themes. All of them look okay under 135% magnification, or I wouldn’t use them. Colors are fairly high contrast–red on light grey, black on light grey, black on off-white/ivory.
    What I would like is a (backward-compatible to WP 2.0.4) plugin or code that would provide one of those “Increase font size” selection lines off to the right. It would probably be either a widget or html or php code.
    I am about to try INAP; will let you know about the experience. Thanks for your concern for accessibility guidelines.

  • http://www.doede.net/journal/ Doede

    Dear Aaron,

    I discovered a funny thing, I can’t go to the next page on your blog….. E.g. when on http://anthologyoi.com/archive/wordpress/plugins/ clicking on Next Entries keeps you on the same page…

    Have a nice weekend!

    Tschau!

  • Aaron

    Ah thank you. I had changed some categories so I wrote a plugin to redirect users, but I made it a little too greedy.

    The bug is fixed.

  • http://jo-78.com kovano jelyazo

    I made the same its working 8O

  • John Smith

    Mate, you should change design of this blog) Use some decent template.