Introduction
Being a web designer for several years I was quite aware of web accessibility and always tried to use appropriate colors and structure, but during the presentation I got a renewed perspective on what some people go through when browsing the web. Later in this post we will go through some techniques used to make a web site more accessible.
A correct definition of web accessibility would be the design and development of a web site were all users have equal access to information and functionality.
Different disabilities affected by web accessibility
When talking about accessibility we must put into perspective the different types of disabilities that affect web accessibility when designing a web site. Trying to categories different disabilities is not that simple as different people might have multiple disabilities and the severity of might vary for example with age which all affect web accessibility. This is a generic list of some disabilities accompanied with some examples of each.- Visual
- blindness
- color blindness
- low vision
- Hearing impairment
- deafness
- hard of hearing
- hearing impairment
- Motor / Mobility
- tremors
- muscle slowness
- loss of fine muscle control
- Seizures
- Photo epileptic
- Cognitive / Intellectual
- learning disabilities
- development disabilities
Technologies assistive in web accessibility
By having a greater understanding of the tools and technology used by people with disabilities, we can then understand how to design web content as to make it easier to be interpreted by these tools. Assistive technologies are tools which facilitate tasks for people with disabilities, tasks which otherwise cannot be executed or be done with difficulty. These technologies range from web browser plugins to specially designed keyboards or buttons. This is a list of some of the assistive technologies used :
- Keyboards and other input alternatives
This technology mimics a function produced by a keystroke. These specially designed keyboards vary from the conventional keyboard by having larger keys and key guards which only allow for one key pressing at a time. This type of assistive technology is used by people with dexterity and physical impairment issues.
A Typical Switch |
- Braille and refreshable braille
Braille is a system which uses dots to represent characters. An 8-Dot ASCII version of the braille was created. This type of assistive technology is used by people with visual related disabilities.
Refreshable braille |
- Scanning Software
A screen reader highlights the choices available in a given web page. This enables people with cognitive or physical disabilities to navigate through the content by pressing on a switch like the one shown above.
- Screen Readers
This type of assistive technology reads the content to the user by using speech synthesis for audio output. On the web screen readers use the document structure as an input for the software. This tool highlights the importance of well structured content in an HTML document since a badly constructed document will be result in the screen reader outputting confusing information. This type of software is used by people who are blind or dyslexic. An example of a screen reader is JAWS.
Now that we have a general idea of what web accessibility means and the types of disabilities that are affected by web accessibility we can go through some guidelines which help improve our site to be more accessible. Each disability or group of disabilities required a set of guidelines, guidelines which often overlap with each other due to similar characteristics.
- Browsing technologies
People suffering from some kind of disability tend to stick to a browser that works well for them. The version of the browser might not even be the latest version or even text based like Lynx. When designing a web site one must also keep in mind to check that the web site works the same not only on different browsers but also on different versions of the browser. This can be often achieved by using alternative methods that can be captured by older versions of these browsers. For example : - Include ALT text with every image that is displayed. The text has to be meaningful and descriptive in such a way that people using screen readers can picture the image you are displaying.
- Use the
- Provide an HTML equivalent for any flash embedded on the page. Even though there are screen readers that attach and synthesize flash one should make sure to provide the alternative.
- Form design
Well designed forms is key in web accessibility. If fields are incorrectly positioned or validation prompts are displayed at the top or bottom of a screen then people have a harder time filling out the form.
- Page Content
When going through a page we don't generally read the whole page as that would take a lot of time to get to find specific information. The common trend is to skim through a page and read the section or paragraph which we are searching for. Non-Keyboard or visually impaired users do the same by using a screen reader which highlightsheadings an bold text. If the content is not properly marked then the impaired user would have to listen to the whole content to find a piece of information.
- Page Structure
The page structure must be organised and easy to navigate. Also must maintain its integrity when the text size is enlarged due to people with low vision.
Conclusion
No comments:
Post a Comment