2.2.1: Timing Adjustable
Guideline 2.2.1 "Timing Adjustable" under WCAG 2.0 ensures that users are given sufficient time to read and interact with content. If a time limit is set by the content, users should be able to turn off, adjust, or extend the time limit unless it is essential. This guideline helps make content more accessible to users with disabilities who may need more time to complete tasks.
Importance of 2.2.1: Timing Adjustable Success Criterion
Timing adjustable is crucial for accessibility as it accommodates users who may need additional time due to physical disabilities, cognitive impairments, or those using assistive technologies. Without the ability to adjust or disable time limits, these users might struggle to complete tasks, read content, or interact with the web page, leading to frustration and exclusion. Providing options to control timing ensures that all users have equal access to content and can interact with it at their own pace, improving the overall user experience and inclusivity.
Primary Use Cases and Requirements Under Guideline 2.2.1: Timing Adjustable (Level A)
Use Case 1: Online Forms
An online form session times out after a period of inactivity. Users should be notified before the timeout and given the option to extend the session.
How to Test: Fill out the form and remain inactive to see if a timeout warning is provided. Verify that you can extend the session and continue filling out the form without losing information.
Use Case 2: E-commerce Checkouts
A checkout process on an e-commerce site has a time limit. Users should be able to extend the time limit if needed.
How to Test: Go through the checkout process and remain inactive to trigger the timeout warning. Verify that you can extend the time limit and complete the checkout process.
Use Case 3: Timed Quizzes and Exams
An online quiz or exam has a set time limit. Users should have the option to request additional time or pause the timer.
How to Test: Start the quiz or exam and check for options to extend the time limit or pause the timer. Ensure that these options work as expected and that the timer can be managed without affecting the quiz or exam.
Use Case 4: Auto-Refreshing Content
A page with auto-refreshing content, such as live sports scores, should provide an option to pause or stop the auto-refresh.
How to Test: Visit the page with auto-refreshing content and check for controls to pause or stop the refresh. Verify that these controls work correctly and allow you to view the content without interruption.
Use Case 5: Accessibility Features in Games
A timed game should provide options to disable or extend the timer to accommodate players with disabilities.
How to Test: Play the game and look for settings to adjust or disable the timer. Verify that these settings are functional and allow you to play the game without time pressure.
Use Case 6: Content Sliders and Carousels
A content slider or carousel that changes slides automatically should have controls to pause or manually navigate through slides.
How to Test: Interact with the slider or carousel and check for controls to pause the automatic slide transition or navigate manually. Ensure that these controls are easy to use and functional.