Animation accessible – Concevoir dans le navigateur
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Bienvenue dans le cours "Concevoir dans le navigateur" avec notre hôte, Una Kravets. Les touches interactives peuvent être idéales pour la compréhension des utilisateurs dans un environnement numérique, mais elles peuvent également désorienter et frustrer certains de vos utilisateurs, l'inverse de l'effet escompté.
Voyons comment éviter cela, comment nous assurer d'inclure nos jolis SVG animés et nos boutons de survol, tout en veillant à ce que les utilisateurs qui risquent d'être un peu nauséeux lorsqu'ils voient beaucoup d'animations puissent également profiter de votre site. Nous allons vous montrer comment utiliser la requête média "préférez le mouvement réduit" pour améliorer progressivement l'animation sur votre site Web, et comment créer un simple bouton bascule "réduire l'animation".
Liens :
Concevoir dans le navigateur → https://goo.gle/2NeLxjI
Abonnez-vous aux développeurs Chrome → https://goo.gle/ChromeDevs
arrow_back Retourner à tous les épisodes
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2020/09/28 (UTC).
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Il n'y a pas l'information dont j'ai besoin"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Trop compliqué/Trop d'étapes"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Obsolète"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problème de traduction"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Mauvais exemple/Erreur de code"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Autre"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Facile à comprendre"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"J'ai pu résoudre mon problème"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Autre"
}]
{"lastModified": "Derni\u00e8re mise \u00e0 jour le 2020/09/28\u00a0(UTC)."}
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2020/09/28 (UTC)."],[],[]]