Keyboard Accessibility Testing Guidelines
Enhance website accessibility by following expert-recommended methodologies for keyboard testing without a mouse. Learn how to navigate using keyboard shortcuts and ensure a user-friendly experience for all visitors.
Download Presentation
Please find below an Image/Link to download the presentation.
The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author. If you encounter any issues during the download, it is possible that the publisher has removed the file from their server.
You are allowed to download the files provided on this website for personal or commercial use, subject to the condition that they are used lawfully. All files are the property of their respective owners.
The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author.
E N D
Presentation Transcript
Accessibility Testing for All Accessibility Testing for All Katherine "Kate" Deibel, PhD Katherine "Kate" Deibel, PhD Systems Librarian Systems Librarian Philadelphia College of Osteopathic Medicine Philadelphia College of Osteopathic Medicine @metageeky / katheride@pcom.edu @metageeky / katheride@pcom.edu This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License. WOLFcon 2023 WOLFcon 2023 - - August 22 August 22- -24, 2023 24, 2023
Testing Accessibility: Yourself (1/2) Testing Accessibility: Yourself (1/2) This talk cannot provide full accessibility training but here are the various methodologies that I utilize: Free, automated single page testing tools such as Deque s Axe, WebAIM s WAVE, ANDI, and varied bookmarklets Testing with various screen readers (NVDA) and browsers Depending on how often pages change, sitewide testing tools like Monsido and SiteImprove may be run regularly Manual testing for keyboard interactions and focus 2 2 WOLFcon 2023 WOLFcon 2023 - - August 22 August 22- -24, 2023 24, 2023
Testing Accessibility: Yourself (2/2) Testing Accessibility: Yourself (2/2) Accessibility testing is a lot of work: Requires expertise, especially for screen reader testing Best to split the work among many Share your work with vendors and the larger community But there is a test EVERYONE EVERYONE can do... 3 3 WOLFcon 2023 WOLFcon 2023 - - August 22 August 22- -24, 2023 24, 2023
A mouse but then a cat appears A mouse but then a cat appears Consider your mouse, touchpad, etc. Imagine it's a real mouse real mouse and you have a a cat cat nearby 4 4 WOLFcon 2023 WOLFcon 2023 - - August 22 August 22- -24, 2023 24, 2023
In other words YOUR MOUSE IS NO MORE! YOUR MOUSE IS NO MORE! 5 5 WOLFcon 2023 WOLFcon 2023 - - August 22 August 22- -24, 2023 24, 2023
How to test keyboard accessibility How to test keyboard accessibility Without Without the mouse the mouse, try to use the site using the keyboard using the keyboard: Keyboard Key Tab Tab Shift + Tab Shift + Tab Enter Enter Space Space What It Does Move to next link, button, or form field Move to previous link, button, etc. Trigger current link or button Trigger interactive element (dropdown menus, buttons, checkboxes, etc.) Navigate menus, choose radio buttons, adjust number inputs Navigate menus, adjust sliders, etc. Close menu or modal Up / Down Up / Down Right / Left Right / Left Escape Escape 6 6 WOLFcon 2023 WOLFcon 2023 - - August 22 August 22- -24, 2023 24, 2023
Evaluating keyboard accessibility Evaluating keyboard accessibility Ask yourself Ask yourself: Is it the same experience same experience as using a mouse? Can you navigate to everything navigate to everything on the page? Can you manipulate everything manipulate everything? Do you always know where you are know where you are? Any hidden elements hidden elements you can tab to? Can you see see those hidden elements? Is the pattern of navigation pattern of navigation smooth or chaotic? 7 7 WOLFcon 2023 WOLFcon 2023 - - August 22 August 22- -24, 2023 24, 2023
A simple statement A simple statement This is keyboard accessibility keyboard accessibility. 8 8 WOLFcon 2023 WOLFcon 2023 - - August 22 August 22- -24, 2023 24, 2023
Why Keyboard Accessibility Matters Why Keyboard Accessibility Matters When we think about web accessibility, we tend to focus on blind and low-vision users. Physical impairments that impact mobility (fine and gross motor control) are more common: Arthritis, Paralysis, Multiple Sclerosis, Lupus, ALS, Cerebral Palsy, Muscular Dystrophy, etc. 6% 6% 5.3% 5.3% 4.4% 4.4% Prevalence of Types of Prevalence of Types of Disabilities Ages 18 Disabilities Ages 18- - 64 in the US (2013) 64 in the US (2013) 4% 4% 2.1% 2.1% 2.0% 2.0% 2% 2% 0% 0% Hearing Hearing Vision Vision Cognitive Cognitive Mobility Mobility http://disabilitycompendium.org/ 9 9 WOLFcon 2023 WOLFcon 2023 - - August 22 August 22- -24, 2023 24, 2023
More Benefits of Keyboard Accessibility More Benefits of Keyboard Accessibility Blind users and mice do not get along even worse than blind mice and farmers' wives! Keyboard accessible pages cooperate with screen readers! And many weird folks like to mix it up between mouse and keyboard interactions (e.g., programming, data entry, etc.) 10 10 WOLFcon 2023 WOLFcon 2023 - - August 22 August 22- -24, 2023 24, 2023
So remember... So remember... NO MICE!!! NO MICE!!! Francie (??? Francie (??? 2020) 2020) 11 11 WOLFcon 2023 WOLFcon 2023 - - August 22 August 22- -24, 2023 24, 2023
Web Accessibility Training Web Accessibility Training Attend workshops at conferences Join the DLF Digital Accessibility Group: https://wiki.diglib.org/Digital_Accessibility_Group Join the web-a11y slack space Library Juice Courses by Carli Spina or Stephanie Rosen 12 12 WOLFcon WOLFcon 2023 2023 - - August 22 August 22- -24, 2023 24, 2023
