This presentation has been created to ensure
that our Web Design Team meet the
accessibility stands for a number of specific
People who are blind rely on Screen Readers to help them
access information on the web. Screen Readers are a software
that read texts off the screen and transfers the information
into a Speech Synthesizer or a refreshable Braille display.
Use descriptive text when using the ALT “”
attribute on all images and graphics
Use standard browsers, authoring tools and
Hypertext Links that make sense (ie. Don’t use
Use text or audio to clearly describe videos
Use a logical sequence when creating tables and
label them clearly
Alt Text Example
Below is an example of the code to use on a Website
to allow for alternative text on an image/media.
<img src=“image.gif” alt=“descriptive text goes here”>
The alternative text allows Blind visitors to your site to have
access to information through their reader.
An example of descriptive text that would
be read by the reader is below:
This is a photo of a cute puppy dressed as Yoda a
character from the “Star Wars” movies.
A lot of Web content is text or images, so the hearing
impaired are able to use may functions without difficulty.
Where audio/sound is being played the deaf rely on captions.
(Synchronized Accessible Media Interchange)
software that can be installed on a Web Site so the user can
view the ‘Captions’ of the audio being played.
SAMI is installed on the Website
Include captions and transcripts of audio on the website
Include descriptive images (example below) as well as text
People with speech disabilities may not be able to speak in a
clear recognizable voice. To use parts of the Webs that rely on
voice recognition, someone with a speech disability needs the
option to use alternative input such as text.
Include alternative text input options when using voice
based interaction components
Useful tips to remember
Images and animations
use the alt attribute to describe the
function of each visual item
side MAP and text for hotpots
provide captioning and transcripts of audio,
and descriptions of video
use text that makes sense when read out of
context. For example, avoid “click here”.
use headings, lists, and consistent
structure. Use CSS for layout and style where possible.