Website Accessibility Standards

matchmoaningΤεχνίτη Νοημοσύνη και Ρομποτική

17 Νοε 2013 (πριν από 4 χρόνια και 7 μήνες)

122 εμφανίσεις

Website Accessibility

This presentation has been created to ensure
that our Web Design Team meet the
accessibility stands for a number of specific

Accessibility Requirements

Vision Impaired


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.

Requirements Checklist

Use descriptive text when using the ALT “”
attribute on all images and graphics

Use standard browsers, authoring tools and
document formats

Hypertext Links that make sense (ie. Don’t use
“Click here”)

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.

Hearing Impaired


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.

Requirements Checklist

SAMI is installed on the Website

Include captions and transcripts of audio on the website

Include descriptive images (example below) as well as text
when possible

Speech Disabilities

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.

Requirements Checklist

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

Image maps

use client
side MAP and text for hotpots


provide captioning and transcripts of audio,
and descriptions of video

Hypertext links

use text that makes sense when read out of
context. For example, avoid “click here”.

Page Organisation

use headings, lists, and consistent
structure. Use CSS for layout and style where possible.