Web Development Information

Ten Quick Tests To Check Your Website For Accessibility


The Disability Discrimination Act says that websites must be made accessible to disabled people. So how can you check that your website is up to par? There are a number of basic tests you can make to address some of the main issues that provide a good start in increasing accessibility to your site visitors:

1. Check informational images for alternative text

Place the cursor over an informational image, for example, the organisation logo. Does a yellow box appear with a brief, accurate description of the image? For users whose browsers do not support images, this alternative text is what they will see (or hear) in place of the image.

2. Check decorative images for alternative text

Place the cursor over a decorative image that does not have any function other than to look nice. Does a yellow box appear with a description of the image? It should not. There is no reason for users whose browsers do not support images to know that this image is there, as it serves no purpose.

Be careful though as this is not a foolproof test. If a yellow box does not appear, this could mean one of two things:

- The alternative text of the image is assigned a null value, which means that it will be ignored by browsers that do not support images. This is the ideal scenario.

- The alternative text of the image is simply not set at all, which means that users whose browsers do not support images will be alerted to its existence but will be unable to find out what purpose it carries - something which is very frustrating! This is certainly not the desired outcome.

3. 'Listen' to any video or audio content with the volume turned off

If you turn your speakers off, you are clearly unable to listen to, or follow, any audio content. This situation is faced by a deaf person on a daily basis. Ensure your website supplies written transcripts, so that deaf people can understand the message that your website is conveying.

4. Check that forms are accessible

Usually there is prompt text next to each item in a form. For example, a contact form might have the prompt text 'name', 'e-mail', and 'comments', each one next to a box where your site users will enter the information. When you click on the prompt text, does a flashing cursor appear in the box next to that text? If not, your forms are inaccessible.

5. Check that text can be resized

In Internet Explorer (used by over 90% of Internet users) go to View > Font size > Largest. Does the text on your website increase in size? If not, then your website is inaccessible to web users with poor visibility.

6. Check your website in the Lynx browser

The Lynx browser is a text-only browser and does not support many of the features that other browsers such as Internet Explorer have. You can check how your site looks in this browser with the Lynx Viewer, available at http://www.delorie.com/web/lynxview.html. If your website makes sense and can be navigated through the Lynx browser, then it will be fulfilling many of the web accessibility guidelines.

7. Check that you can access all areas of your website without the use of a mouse

Can you navigate through your website using just tab, shift-tab and return? If not, then neither can keyboard- and voice-only users.

8. Check that there is a site map

Can you find a site map? If not, then neither can people who are lost on your website.

9. Ensure link text makes sense out of context

Blind Internet users often browse websites by tabbing from one link to the next. Does all the link text on your website make sense out of context? 'Click here' and 'more' are two common examples of non-descriptive link text.

10. Check your web pages with an automated program

Two programs available for free on the Internet are Bobby ( http://bobby.watchfire.com ) and Wave ( http://www.wave.webaim.org ). They are unable to provide you with all the information that you need, as some checks must be done by humans, but they can tell you some of the areas where your site might be going wrong.

This article was written by Trenton Moss. He's crazy about web usability and accessibility - so crazy that he went and started his own web usability and accessibility consultancy ( Webcredible - http://www.webcredible.co.uk ) to help make the Internet a better place for everyone.


MORE RESOURCES:

ITProPortal

New Mozilla Programme to Teach Basics of Web Development
ITProPortal
The Mozilla Foundation, best known for its Firefox internet browser, has launched a web learning initiative aimed at teaching average users the basics of internet authoring and development. Webmaker is a dynamic programme that endeavours to "help ...

and more »


PR Web (press release)

Mobile+Web DevCon Announces Cisco Systems and Opera Software Keynote Speakers
PR Web (press release)
Mobile+Web DevCon features pre-conference labs and three dedicated tracks: iOS, Android and Mobile Web & Web Development. Global Strategic Management Institute (GSMI) is proud to present the Mobile+Web Developer Conference. Mobile+Web DevCon will be ...

and more »


Orion E Solutions- Providing One Stop Solutions to All Your Web Development Needs
SBWire (press release)
Chandigarh, Punjab -- (SBWIRE) -- 05/20/2012 -- Orion eSolutions is a web development company that is dedicated to providing the best services to clients. The company started back in 2007, and has since then grown from strength to strength to command a ...

and more »


Mobile Web Development Still Has Traction
Forbes
By Mac Slocum We're all well aware that mobile web development has gone through a complete metamorphosis over the last five years. We went from tiny screens with limited browsers to elegant multitouch displays with advanced web experiences.



Maxthon Advocates for Next Generation of Privacy and Web Development at W3C
MarketWatch (press release)
SAN FRANCISCO, May 18, 2012 /PRNewswire via COMTEX/ -- Maxthon ( www.maxthon.com ), a global software and web services company, led a spirited conversation about the need for China's Internet industries to proactively and aggressively seek to improve ...

and more »


Digital Arts Online

Panic announces Coda 2, Diet Coda for iPad
Macworld
by Lex Friedman, Macworld.com Coda is Panic's wide-ranging Web development editor. The original version offered a tabbed interface that let you write and edit HTML and other code, create and modify CSS, do command-line work, generate live previews, ...
Can Diet Coda make the iPad a leaner meaner business machine?Appolicious
Coda 2 For Mac And Diet Coda For iPad Launching On May 24thCult of Mac
Panic announces Code 2 for Mac, Diet Coda for iOSInsanely Great Mac
PadGadget
all 17 news articles »


SEOmoz (blog)

Cross-Browser Compatibility Testing for Website Owners
SEOmoz (blog)
And while this doesn't necessarily mean that you have to learn coding yourself or bury your head in an endless series of web design and web development courses, you do need to stay on top of changing trends around the internet.



College Classes

Facebook IPO: Motivation for Advanced Degrees in Web Development & Business ...
College Classes
While you can't relive the dorm room antics that led to Facebook's eventual creation, you can learn more about educational opportunities in computer science, web design, web development or business management. Earning a degree in technology related ...



Bop Design Identifies the Top 8 Firefox Add-ons for Web Development
San Francisco Chronicle (press release)
Bop Design selects the best Firefox add-ons to make web development faster and more efficient. San Diego, CA (PRWEB) May 03, 2012 A web developer can never have enough tools to help make web development faster and more efficient.

and more »


Outsourcing your web development work
PRWire
There's certainly no shortage of options for web development in Sydney. With online business booming and more consumers every week searching the web for products and services, there's been a corresponding surge in the number of companies offering web ...


Google News

home | site map
© 2006