Ensure <meta http-equiv="refresh"> Is Not Used for Delayed Refresh

Yotam Flohr
Researcher
Blind Hearing Mobility
WCAG 2.1 Level AAA

Written and researched for humans by humans

Yotam Flohr
Researcher
Ritvik Shrivastava
Expertly reviewed by
Comments: 0
Your entire domain
Get detailed instructions on how to resolve every accessibility issue on your website

An HTML document must not use <meta http-equiv=”refresh”> because it can prevent control over when a refresh occurs.

Why It Matters

When a page refreshes automatically, it can be disorienting. Refreshing also moves the programmatic focus back to the top of the page, which is frustrating for disabled users.

Fixing the Issue

Remove the http-equiv=”refresh” attribute from each meta element in which it is present.

If the purpose of the <meta> element is to refresh the page, this should be handled using JavaScript. Additional scripting should be used to provide users with the ability to pause the refresh, extend the time between refreshes, or to turn the refresh off entirely.

Bad Code Example

Code example
<meta http-equiv="refresh" content="40" url="http://www.yourdomain.com/index.html"> Copy

Test Cases

For more examples, visit W3C’s GitHub’s ATC Rules library