Website Accessibility Standards

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

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

102 εμφανίσεις

Website Accessibility
Standards

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

Accessibility Requirements

Vision Impaired

Blindness


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

Deafness


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.
SAMI
(Synchronized Accessible Media Interchange)

is
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


Multimedia


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.