Date post: | 23-Feb-2017 |
Category: |
Software |
Upload: | cecilie-haugstvedt |
View: | 88 times |
Download: | 0 times |
1
TESTING FOR ACCESSIBILITY WITHOUT BREAKING THE BANK
CECILIE HAUGSTVEDT, TEST LEAD AT COMPUTAS
@chaugstvedt
2
WHAT IF WE DON’T TEST?
3
ACCESSIBILITY IS REQUIRED BY LAW
• By 2021, all IT solutions must be universally designed
• Web sites: WCAG 2.0 Level A and AA with exception for the texting rules
THE COST OF IGNORING ACCESSIBILITY
BAD REPUTATION
PROJECT DELAYS
FINES
LOST REVENUE
ETHICAL ISSUES
4
FEWER CUSTOMERS
EXPENSIVE PATCHING
5
EFFECTIVE AND EFFICIENT TESTING STARTS EARLY
6
CHOOSE TECHNOLOGY WISELY
• Compensating for bad technology can be time-consuming
• Add accessibility as a criteria when introducing new technology
7
REVIEW THE DESIGN
• Look for elements that require extra attention: tables, graphics, input forms, pop-up windows,…
8
CHECK THE LANGUAGE
• Universal means for all – use plain language
• If it’s hard to read for you, it’s hard to read for someone else
9
DO AUTOMATED CHECKS
• Check for accessibility in your continuous integration pipeline
• Computers are really good at discovering violations of some of the rules
10
USE CHECKLISTS
• For manual code review• People discover things the
automatic checks cannot:– Sensible names of
elements – Good descriptions of
images
11
USE TOOLS FOR MANUAL TESTING
• Online tools– WAVE Chrome
Extension• Offline tools• Screen reader
– NVDA
12
TEST WITH A SCREEN READER
• The final test• Make sure you have
removed all obvious errors first
• Skip this step if you cannot afford to get a real user of a screen reader to do the test
13
COMMON MISTAKES
14
ILLUSTRATIONS
• Pictures are good, alt-texts are not optional
• Leave the alt-text empty if the image is purely decorative
• Text videos even though the law does not require you to do so
15
Dra bildet til plassholderen eller klikk ikonet for å legge til
LINKS
• Don’t let the users guess• Use sensible names• Read more
• More information• Click here• ...
16
NAVIGATION
• Always do at least one keyboard-only test
• Make the links large enough
• Use HTML 5 and semantic sections
Dra bildet til plassholderen eller klikk ikonet for å legge til
<aside>
<article>
<header>
<nav>
<footer>
<section>
<section>
17
COLOR CONTRAST
• 5 – 8 % of all Norwegian men are color blind
• Think about a sunny day• No discussion needed: the
answer can be found online
This is not easy to readThis is better
18
MOTIVATION TEST COMMON ERRORS
Do it because you care
Avoid common mistakesStart test early