ACCESSIBILITY TESTING: Common Key Combinations Used When Testing Web Pages and Apps

Blue and White Keyboard Tab Key Icons

Web developers serious about accessible design ensure that all web page and app elements — buttons, links, form controls etc. — are reachable by the tab key on the keyboard.

Why?

Many users are physically unable to use a mouse, and need to navigate through the page using only the keyboard.

How can you test a website or app using only the keyboard?

Here are some common key combinations used when testing keyboard operation of web pages and apps:

Tab – move to the next link, form element or button.
Shift+Tab – move to the previous link, form element, or button.
Enter – activate the current link or button.
Space – check or uncheck a checkbox form element. Will also activate a button that currently has focus.
Up/Down arrow keys – move between radio buttons or, in some cases, menu links.
Right/Left arrow keys – in some cases, move between menu links or adjust sliders in audio and video plugins.
Escape – Close the current modal dialog or dropdown menu and return focus to the element that spawned it.

[SOURCE]



ACCESSIBILITY TESTING: Common Keys Used in Keyboard Operation of Web Pages and Apps

Blue and White Keyboard Tab Key Icons

Web developers serious about accessible design ensure that all web page and app elements — buttons, links, form controls etc. — are reachable by the tab key on the keyboard.

Why?

Many users are physically unable to use a mouse, and need to navigate through the page using only the keyboard.

How can you test a website or app using only the keyboard?

Here are some common key combinations used when testing keyboard operation of web pages and apps:

Tab – move to the next link, form element or button.
Shift+Tab – move to the previous link, form element, or button.
Enter – activate the current link or button.
Space – check or uncheck a checkbox form element. Will also activate a button that currently has focus.
Up/Down arrow keys – move between radio buttons or, in some cases, menu links.
Right/Left arrow keys – in some cases, move between menu links or adjust sliders in audio and video plugins.
Escape – Close the current modal dialog or dropdown menu and return focus to the element that spawned it.

[SOURCE]

===

WEBSITE ACCESSIBILITY TESTING & REMEDIATION SERVICES: Mary Gillen is an experienced Website Accessibility Compliance Auditor and Remediator. She can test your website to determine if it meets accessibility standards:

WCAG 2.1: 312 checkpoints covering A, AA and AAA W3 accessibility guidelines
Section 508: 15 US federal guidelines covered by 59 accessibility checkpoints

Find out more about Mary Gillen’s Accessibility Testing & Remediation Services: Websites, PDFs, Office Docs & Videos

===