Deuxfleurs/site
20
2
Fork 6
Code Issues 4 Pull requests 7 Releases Wiki Activity

Autoriser l'arrêt des animations ASCII #30

New issue
Open
opened 2024-02-01 13:33:36 +00:00 by adrien · 1 comment
adrien commented 2024-02-01 13:33:36 +00:00
Owner
Copy link

Il est plus accessible de ne pas forcer l'utilisateurice à subir une page interactif s'iel ne souhaite pas en voir.

Il y a une media query prefers-reduced-motion pour informer de la préférence usager⋅e. La méthode matchMedia() permet d'y accéder en JS.

Voir aussi ARIA live regions pour lier l'appui sur le bouton au changement de comportement du site.

Il est plus accessible de ne pas forcer l'utilisateurice à subir une page interactif s'iel ne souhaite pas en voir. Il y a une media query [`prefers-reduced-motion`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion) pour informer de la préférence usager⋅e. La méthode [`matchMedia()`](https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia) permet d'y accéder en JS. Voir aussi [ARIA live regions](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions) pour lier l'appui sur le bouton au changement de comportement du site.
adrien added the
cat
a11y
 label 2024-02-01 13:33:36 +00:00
tixie commented 2024-06-10 11:16:49 +00:00
Owner
Copy link

J’ai déployé une solution intermédiaire (#44) qui fait office de premier pas en avant et ayant l’avantage de ne pas nécessiter de changement visuels. Elle consiste à
Ralentir les animations si prefer-reduce-motion est à true

J’ai déployé une solution intermédiaire (#44) qui fait office de premier pas en avant et ayant l’avantage de ne pas nécessiter de changement visuels. Elle consiste à Ralentir les animations si prefer-reduce-motion est à true
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
preprod
feat/a11y
calendar_generator
mensualUpdate
hugo
2022-08-proposition
version_quentin
Labels
Clear labels   
cat
a11y
Accessibility issues

  
cat
compat
Compatibility

  
cat
content
Rédaction/Édition du contenu

  
cat
perf

  
part
calendar
La représentation ASCII Art des calendriers

No labels
cat
a11y
cat
compat
cat
content
cat
perf
part
calendar
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
2 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: Deuxfleurs/site#30
No description provided.
Delete branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?