Download presentation
Presentation is loading. Please wait.
1
Accessibility testing
What? Why? How?
2
Let’s define it
3
Defining Accessibility
Accessibility testing is a subset of usability testing where in the users under consideration are people with all abilities and disabilities. Accessibility
4
Why?
5
People are getting old
6
Hardware and software Screen readers Screen magnifiers
Voice recognition Dyslexic users software
7
Accessibility lab
8
Swiping issue
9
Disabilities Vision Mobility Hearing Learning Psycho-social issues
10
How many people needs assistive technologies?
11
Accessibility testing
12
Requirements! WCAG 2.0 by W3schools.org Perceivable Operable
Understandable Robust A – must AA – should AAA – may WCAG 2.0 by W3schools.org
13
Requirements! EU: AA - New websites must comply from 23 September 2019 on, old websites from 23 September 2020 on and mobile applications from 23 June 2021 on. Canada: By January 1, 2020, all internet and intranet websites and web content must conform with WCAG 2.0 Level AA. US: Section 508 of the Rehabilitation Act of 1973
14
Requirements! Definition of Ready Definition of Done
Acceptance Criteria Separate Jira tasks
15
Approaches Pure manual Manual+ Test automation
16
Accessibility testing – Manual approach
Notifications test TAB-navigation test Colorblind test Blind user test
17
Accessibility testing – Manual approach
Notifications test TAB-navigation test Colorblind test Blind user test
18
Accessibility testing – Manual approach – Notifications and Alerts
19
Accessibility testing – Manual approach
Notifications test TAB-navigation test Colorblind test Blind user test
20
Accessibility testing – Manual approach – Focus Management
21
Accessibility testing – Manual approach
Notifications test TAB-navigation test Colorblind test Blind user test
22
Accessibility testing – Manual approach - Colorblind
23
Accessibility testing – Manual approach
Notifications test TAB-navigation test Colorblind test Blind user test
24
Accessibility testing – Manual approach – Screen reader
Speech Viewer Ability to change tool’s voice Ability to change tool’s voice language Settings of features that should be read, e.g., color, font name, font size, etc. Mouse settings Keyboard settings Others
25
Accessibility testing – Manual approach – Speech Viewer
26
Accessibility testing – Manual+
Site Improve Accessibility checker Wave evaluation tool Chrome Dev Tools Audit Accessibility Evaluator for Firefox aXe Chrome plugin
27
Accessibility testing – Manual+ - aXe Chrome plugin
28
Accessibility testing – Automate! – Gulp Accessibility
29
Lessons learned
30
Lessons learned About 35% of raised bugs are closed due to accessibility tools problems Different key combinations Stay focused on the page Challenging your patience
31
Tips and tricks
32
Tips and tricks – Talk with your team
33
Tips and tricks – Colorblind test
≠
34
Tips and tricks – Close your eyes
What page is currently open? Where can I get from here? How can I get from here? Any forms to fill? Where am I transferred?
35
Tips and tricks – Give it to someone else!
36
Tips and tricks – Front-end Developers are your best friends
37
Tips and tricks – HTML + CSS
38
Tips and tricks – HTML Examples
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit…</p> <html lang="en"> <label for="businessEmployeeNum" class="hidden-element ng-scope" translate="">employee(s)</label>
39
Tips and tricks – Tooltip case
40
Tips and tricks – Skip Navigation Link
41
Learn!
42
Thank You
Similar presentations
