2.4.1-Bypass Blocks
This success criterion benefits the screen reader users and the users relying only on the keyboard to interact with the web page. The bypass blocks mechanism helps them reach the website's main content quickly.
Most modern websites have a navigation bar at the top that contains multiple links to other pages. And this navigation is standard across all the pages of your website. In this case, a screen reader and a keyboard-only user should have the option to skip the navigation at the top.
How to test for this success criterion?
Step 1: Open the page in your browser window.
Step 2: Place the focus on the URL.
Step 3: Use your keyboard's TAB key to move the focus on the page.
Now verify that the first active link which receives the focus is the "Skip to main content" link.
Also, if the "Skip to main content" link is not the first focusable link, it is not a violation. Having a skip link as a second or third focusable element on the page is okay.
When the focus is placed on the "Skip to main content" link, activate it using the Enter key. The focus should move to the main section of the page.
Generally, the main section of the page starts with the heading level 1. And, If you are testing this scenario with the screen reader on, then the screen reader should read the first heading.
Titles on Frames:
Each iframe or frame should have a unique title attribute. And the value provided in the title attribute for each iframe/frame describes its purpose.
How to test for Titles on Frames?
Step 1: Open the web page in your browser with the screen reader on.
Step 2: Press the M key on your keyboard to move to the frames on the page.
Step 3: Listen to the screen reader. It should announce the unique title for each iframe/frame on the page that describes its purpose.
Common Failures of Bypass Blocks Success Criteria:
The skip link is not present on the website with the same header across multiple pages.
The skip link is provided, but it does not function as expected.
The skip link is provided, but it is not visible to sighted users. Therefore, only screen reader users can use it.
The same title attribute is used for another iframe/frame on the page.
Missing title attribute for an iframe/frame.
The title attribute is present for an iframe/frame, but it is not meaningful.
# ADA Tutorial
#wcag
www.clarionsite.com
email@clarionsite.com
Ещё видео!