For those who think accessible websites are ugly websites, think again. Here is a list of my top 5 favorite accessible websites (in no particular order) that are not just pretty to screen readers but also pretty to look at for those of us who are not vision impaired.
1. Orion House B&B
This bed and breakfast site fares well when it comes to accessibility. This site not only utilizes a lo graphic / version of the site, it has skip links as well as mobile versions. The site is pretty to look at but highly accessible when the images are turned off. Check out their accessibility page as it details all of its extensive accessibility features.
2.Chef Seattle
It seems pretty random that a site such as Chef Seattle would focus on accessibility but they make it clear that they redesigned with accessibility in mind. Their site makes use of dynamic font sizing (using ems instead of fixed pixels) and ensuring the website works in even 800×600 resolution. Not only that, their site is highly informational and makes good use of graphics that enhance the information, not detracts from it.
3. The White House Website
Even though the White House website has to be accessible per section 508, it didn’t have to be monumental as setting a gold standard for accessible websites. From the successful implementation of a non-flash marketing showcase to ensuring sure every image has an alternate text, this website is one of my favorites.
4. The BBC
The British news network focuses many of its efforts on accessibility. Even though this is an information rich site, it gives many display options for its users to choose a comfortable browsing setting . On top of that, a huge section of the website is dedicated to educating about accessible design. They even created an accessible news reader for those who want their news quick and easy. A footer sitemap also makes it easy for screen readers to jump deeper into the site without much hassle.
5. Mozilla Firefox Website
Mozilla employs many of a well designed accessible website: big fonts, text links that are descriptive, as well as a skip to main content link (yes, even if your website fits above the fold, a skip link is needed since screen readers do not “see” folds). However, the one thing it doesn’t have is an “Accessibility” page that describes its efforts. Although such a page similar to the other 4 previous websites is needed, it is definitely a good way to ensure users know they are being kept in mind during the web design process.
