For each time limit that is set by the content, at least one of the following is true:

Turn off: The user is allowed to turn off the time limit before encountering it; or

Adjust: The user is allowed to adjust the time limit before encountering it over a wide range that is at least ten times the length of the default setting; or

Extend: The user is warned before time expires and given at least 20 seconds to extend the time limit with a simple action (for example, “press the space bar”), and the user is allowed to extend the time limit at least ten times; or

Real-time Exception: The time limit is a required part of a real-time event (for example, an auction), and no alternative to the time limit is possible; or

Essential Exception: The time limit is essential and extending it would invalidate the activity; or

20 Hour Exception: The time limit is longer than 20 hours.

*This success criterion helps ensure that users can complete tasks without unexpected changes in content or context that are a result of a time limit. This success criterion should be considered in conjunction with Success Criterion 3.2.1, which puts limits on changes of content or context as a result of user action.

Testing & Remediation

How to test:
  • Open up your site/page to see if there is time limit set for any features (eg. automatically scrolling content, content that auto-updates, a countdown timer, etc.)
  • Check to see if the page has any "hidden" client or server side timeouts
    • If you can not find out whether or not there is a timeout, you'll need to keep the page open for 20 hours to confirm that:
      • The content hasn't changed or scrolled
      • The browser did not redirect anywhere (such as a login page)
      • Form content and the ability to submit is still available
  • If there is a time limit that is less than 20 hours and is not essential, confirm that:
    • The user has a way to pause or stop the time limit (this can be completed with an option within the applications settings)
    • The user has a way to adjust the time limit (this can be completed with an option within the applications settings)
    • The user has a way to extend the time limit (eg. a dialog box appears asking the user if they need more time)
How to remediate: The type of timeout, the length of the timeout and whether it is considered an exception or real-time will determine what will need to be done to remediate issues related to this Success Criterion. If you do have a timeout that is non-essential, you will need to give the user the ability to turn off, adjust or extend the timeout. If the timeout is real-time (eg. an auction), essential (extending it would invalidate the activity) or longer than 20 hours, no remediations are required.

Questions and Answers

Are animated gifs okay to have?

Most of the time animated gifs will be accessible. There should be a few things to keep in mind though to ensure this remains true. For example, ask yourself if there is another way that the message can be communicated. Would a still image do? If not, think about providing an alternative or some way that users can forgo the animation. A useful tool when checking your gifs for accessibility may be this Photosensitive Epilepsy Analysis Tool. The thought behind this is that you can make sure the animation won't trigger seizures in people who are sensitive to them.

What are the best accessible wordpress sliders?

Carousels and sliders pose accessibility issues for keyboard and screen reader users that can be challenging to adequately address by adjusting your markup. Keep in mind that all content and controls abled users can access must be made robust enough to be accessed by all users, this means (among other things) that slider controls need to have tab-navigation consideration, timing needs to be adequate enough so that all users can read slides, and UI controls need to have enough color contrast such that they can be perceived by everyone. Any carousel or slider can contain non-accessible content,  so keep these things in mind when building content:
  • Do the headers flow from h1 down without skipping a level?
  • Do embedded images have adequate alt tags?
  • Do the links open have descriptive titles or link text?
Below are sliders that are accessible:
  • Snazzy Slider by Josh Cummings - https://www.joshcummingsdesign.com/snazzy-slider

How long does the accessibliity process take?

This question depends on a number of factors including size of site, desired level of conformance, your developer's understanding of accessibility techniques, etc. Accessible Web is here to help. Reach out and we can discuss your site specifically.