Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CSS View Transitions 2022-11-20 #44

Closed
khushalsagar opened this issue Nov 21, 2022 · 2 comments
Closed

CSS View Transitions 2022-11-20 #44

khushalsagar opened this issue Nov 21, 2022 · 2 comments
Labels
FPWD Published as First Public Working Draft pending This issue needs to get a reviewer assigned to it REVIEW REQUESTED

Comments

@khushalsagar
Copy link
Member

Name of spec to be reviewed: CSS View Transitions

URL of spec: https://www.w3.org/TR/css-view-transitions-1/

Do you need a reply by a particular date? No

Please point to the results of your own self-review: See comments below

Where and how to file issues arising? https://github.com/w3c/csswg-drafts/issues tagged [css-view-transitions-1]

Pointer to any explainer for the spec: https://github.com/WICG/view-transitions/blob/main/explainer.md

Other comments:

CSS View Transitions allows authors to create animations when switching between DOM states. The DOM change can be synchronous from the web author's perspective. The UA caches a visual representation of the previous which is displayed via pseudo-elements. These pseudo-elements can be targeted by the web developer to create custom animations.

For an a11y review of this draft, there are 2 areas where we would appreciate feedback:

  • Since the transition is meant to be a purely visual enhancement, the pseudo-elements used for it are ignored when populating the AX tree. The AX tree is built using the current DOM state and has the same output when no transition is initiated by the author.
  • Authors can create transitions with patterns the can be disorienting to users who prefer reduced motion. We advise authors to use the existing prefers-reduced-motion media query to avoid animations or limit them to cross-fades. However there is no explicit removal of functionality if the user has opted-in to reduced motion. A discussion on this issue is captured here.

Thank you.

@khushalsagar khushalsagar added FPWD Published as First Public Working Draft pending This issue needs to get a reviewer assigned to it REVIEW REQUESTED labels Nov 21, 2022
@ruoxiran
Copy link

@AutoSponge
Copy link

reviewed and accepted

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
FPWD Published as First Public Working Draft pending This issue needs to get a reviewer assigned to it REVIEW REQUESTED
Projects
None yet
Development

No branches or pull requests

3 participants