Illustration of flashing lights with a warning sign
Image description: A red warning sign in front of a variety of chaotic, colorful shapes that represent flashing lights.

This page is in progress -

If you would like to contribute or make a case to prioritize this page, please fill out the form below.

Why This is Important

Flashing lights can induce seizures for people with epilepsy. Avoiding them reduces the chance of a medical emergency.

Blind and visually impaired people use screen readers to interact with websites and apps. A screen reader is a type of assistive tech that converts things on screen to audio and/or braille. It's important that things are understandable and interactive to screen readers.

Keyboard accessibility is essential for people who do not use a computer mouse (which might be because they have unpredictable or very specific movement due to a motor disability). Many Blind and visually impaired people also use keyboard interactions in order to use their screen reader.

Error support is accessible to people with a diversity of disabilities. A cognitive disability might affect how a person perceives and understands things. A physical disability might lead to unpredictable movement. Other factors such as environment, stress, and multi-tasking may also lead to errors.

In order to be accessible, gestures and interactions must account for people with physical and motor disabilities, who might have unpredictable or very specific movement.

Flashing lights can also cause pain or discomfort for people who are sensitive to light or be distracting to people with ADHD, Autism, or other cognitive disorders. This includes sirens, strobe lights, and other visual flashing effects.

This references WCAG criteria 2.3.1 Three Flashes or Below Threshold (Level A) and 2.3.2 Three Flashes (Level AAA).

Level AAA compliance is considered more difficult to meet because it requires more resources to fulfill. It also might encompass conflicting access needs (meaning what is accessible to some might be inaccessible to others). Use your best judgment of your target audience and your team's capabilities to determine if this is a pragmatic goal to reach.

How to Implement This

Do not use flashing lights

According to WCAG, this refers to any lights that flash more than 3 times per second. Red lights are particularly triggering and should be avoided.

Learn more from the Epilepsy Society.

Provide a content warning

If displaying flashing lights is unavoidable, e.g. if it's video recording of an art installation or a concert performance, provide a content warning that is highly noticeable and allows for the user to exit or close the potentially triggering content.

Example of content warning for flashing lights before playing a video
Image description: a video player showing an orange screen with a black play button and black text that says, "Warning: flashing lights. Press play to continue." A purple drop shadow with black stripes is in the background.

Most social media platforms automatically play videos and do not include a way to add warning on the platform. If the video includes flashing lights, I recommend adding a 5-second title slide to the beginning of the video as well as a warning in the caption.

Interesting further reading

How to Test This

Manual Test
Semi-Automated Test
Automated Test
  • Make sure that flashing lights would not pose harm to the tester
  • Manually navigate the website/app and check for any triggering flashing lights

Credits

No credits yet. But this could be you!
No items found.

Contribute and Give Feedback

If you would like to provide feedback or contribute content on this resource, please fill out the form below.

Thank you, your submission has been received!
Oops! Something went wrong while submitting the form. Please check your internet connection and try again.

If you continue to encounter issues, please reach out to alexyingchen(at)gmail.com.