Presentation I delivered on Global Accessibility Awareness Day - May 15th 2014. It was delivered as part of Inclusive Design 24 - 24 hours of accessibility webinars. The event was sponsored by the Paciello Group and Adobe.
The presentation is aimed at developers and website administrators who may have heard about accessibility, but who'd like to learn more.
It sets out a series of yes/no questions that anyone can answer about their own websites - using simple techniques and a couple of useful tools that you can download.
The presentation doesn't cover all aspects of web accessibility, but if you can answer these questions correctly about your website, then it's going to be more accessible than many.
2. What I’m going to cover
Web Content Accessibility Guidelines
(Version 2) published by the
Web Accessibility Initiative of the
World Wide Web Consortium
http://www.w3.org/TR/WCAG20/
A.K.A. WCAG2.0
• Good resource for accessibility
• But can be hard to interpret
@coolfields
3. What I’m going to cover
So how about a simple yes/no checklist?
Easy to check – with free tools
@coolfields
4. Health warning
In time available I can only cover some
common accessibility issues.
But, if you can answer these questions
correctly, your site will be more accessible
than many.
4@coolfields
6. Keyboard interaction
You need to answer Yes to these:
1) Can I easily access all parts of the site
with the keyboard only?
2) Can I easily see where keyboard focus is?
6@coolfields
16. Links
Can you answer Yes to this one?
5) Are the links obviously links?
16@coolfields
17. Links
Can you answer Yes to this one?
6) Do all links provide enough information to
state where they lead to?
17
18. Links
Can you answer Yes to this one?
6) Do all links provide enough information to
state where they lead to?
18
19. Links
Can you answer No to this one?
7) Do any of your links open new windows
or panels without letting the user know in
advance?
19
Lightbox functionality –
there is no warning that
this panel will open
45. Colour & shape
Can you answer No to this one?
16) Is meaning conveyed by colour or shape
only?
45@coolfields
46. Colour & shape
46
Project Name Status Fully
Resourced?
Easy peasy project a
Quite a tricky project a
So glad I'm not on that project r
Going OK a
@coolfields
47. Colour & shape
47
Project Name Status Fully
Resourced?
Easy peasy project a
Quite a tricky project a
So glad I'm not on that project r
Going OK a
@coolfields
Green
Green
Amber
Red
50. Some things I didn't cover
• Form submission errors
• Movement/flashing on
pages
• Audio on pages
• Updating content after
page loaded
• Timeouts
• Data tables
50@coolfields
• Keyboard traps
• CAPTCHAs
• Skip links
• Alternate navigation
• Indicating language
• Triggering actions
• Automated page
refreshing
• PDFs
51. All the questions together
1) Can I easily access all parts of the site with
the keyboard only? Right answer - Yes
2) Can I easily see where keyboard focus is?
Right answer – Yes
3) Can I easily access all functionality with the
keyboard only? Right answer – Yes
4) Does the keyboard tab order make sense?
Right answer – Yes
5) Are the links obviously links? Right answer –
Yes
6) Do all links provided enough information to
state where they lead to? Right answer – Yes
7) Do any of your links open new windows or
panels without letting the user know in advance?
Right answer – No
8) Do all images have appropriate alternate text?
Right answer - Yes
51@coolfields
9) Do all videos have captions? Right answer –
Yes
10) Are page titles unique and meaningful? Right
answer – Yes
11) Do pages have appropriate headings and
subheadings? Right answer – Yes
12) Can I resize text in a page without breaking
the layout? Right answer – Yes
13 ) Is any of the text fully justified? Right
answer – No
14) Do all form fields have an accompanying
label? Right answer – Yes
15) Is the colour contrast sufficient? Right
answer – Yes
16) Is meaning conveyed by colour and shape
only? Right answer - No