Skip to content

Add new examples and resource link to Understanding Three Flashes or Below Threshold - #5228

Open
thealexmosk wants to merge 3 commits into
w3c:mainfrom
thealexmosk:alexmoskalenko/undestanding-three-flashes-new-examples
Open

Add new examples and resource link to Understanding Three Flashes or Below Threshold#5228
thealexmosk wants to merge 3 commits into
w3c:mainfrom
thealexmosk:alexmoskalenko/undestanding-three-flashes-new-examples

Conversation

@thealexmosk

@thealexmosk thealexmosk commented Jul 23, 2026

Copy link
Copy Markdown

Adds six new examples to the Understanding document for SC 2.3.1 and one resource link.

The existing examples section had no web-specific scenarios. The new examples cover:

  • Rapid page redirects causing flashes between rendered content and blank pages.
  • A full-width animated GIF banner looping with hard cuts between light and dark frames.
  • A single-page application with high-contrast components mounting and unmounting quickly.
  • A button that switches instantly between white and dark backgrounds on hover.
  • Parallax scrolling with alternating dark and light sections.
  • Respecting the prefers-reduced-motion media query to disable flash-prone animations.

Also adds Video Audit Flash Analysis Tool to the resources list, alongside the existing Harding FPA and PEAT links.

@netlify

netlify Bot commented Jul 23, 2026 •
edited
Loading

Copy link
Copy Markdown

❌ Deploy Preview for wcag2 failed.

Name Link
🔨 Latest commit 13773c9
🔍 Latest deploy log https://app.netlify.com/projects/wcag2/deploys/6a9310cef41ea30008285399

@detlevhfischer

detlevhfischer commented Jul 23, 2026

Copy link
Copy Markdown
Contributor

Rapid page redirects causing flashes between rendered content and blank pages.

This would be dificult to cover when the object of conformance is one page.

A single-page application with high-contrast components mounting and unmounting quickly.

Can you explain what you mean by "mounting and unmounting"? I have trouble visualizing this.

A button that switches instantly between white and dark backgrounds on hover.
Parallax scrolling with alternating dark and light sections.

I don't think state changes caused by the user (hovering, scrolling) where the frequency of changes depends entirely on the user's activity would be a valid example for flashing.

@thealexmosk

thealexmosk commented Jul 26, 2026

Copy link
Copy Markdown
Author

Thanks for the review @detlevhfischer. Good catches here.

  • Redirects: You are right, conformance is per page, so it doesn't fit. Removed.
  • Mounting and unmounting: Replaced with a different and more specific example. The "mounting and unmounting" example is probably too vague and framework-specific.
  • Hover button and parallax: Removed as well.

The PR has been updated with these changes.

@github-project-automation github-project-automation Bot moved this to To do in WCAG 2.x Aug 29, 2026
@patrickhlauke patrickhlauke moved this from To do to In progress in WCAG 2.x Aug 29, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

WCAG 2.x
Status: In progress

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@thealexmosk @detlevhfischer @patrickhlauke