אנימציה נגישה – עיצוב בדפדפן
קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
ברוך בואך לעיצוב באמצעות הדפדפן עם המארחת שלנו, Una Kravets. נגיעות אינטראקטיביות יכולות לעזור מאוד להבנת המשתמשים בסביבה דיגיטלית, אבל הן גם עלולות לגרום למשתמשים לא להיות מרוכזים ומתוסכלים, ההפך מהאפקט המתוכנן.
בואו נראה איך אפשר להימנע מכך, ואיך להבטיח שנכלול את קובצי ה-SVG והלחצנים החמודים שלנו עם לחצני ריחוף, וגם להבטיח שמשתמשים שעשויים לקבל בחילה כשהם רואים אנימציה רבה לפניהם יוכלו ליהנות גם מהאתר שלכם. נדגים איך להשתמש בשאילתת המדיה "prefers-reduced-motion" כדי לשפר בהדרגה את האנימציה באתר, ונדגים איך לבנות מתג פשוט להפחתת אנימציה.
קישורים:
עיצוב בדפדפן ← https://goo.gle/2NeLxjI
להרשמה לתוכנית המפתחים של Chrome ← https://goo.gle/ChromeDevs
arrow_back חזרה לכל הפרקים
אלא אם צוין אחרת, התוכן של דף זה הוא ברישיון Creative Commons Attribution 4.0 ודוגמאות הקוד הן ברישיון Apache 2.0. לפרטים, ניתן לעיין במדיניות האתר Google Developers. Java הוא סימן מסחרי רשום של חברת Oracle ו/או של השותפים העצמאיים שלה.
עדכון אחרון: 2020-09-28 (שעון UTC).
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"חסרים לי מידע או פרטים"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"התוכן מורכב מדי או עם יותר מדי שלבים"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"התוכן לא עדכני"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"בעיה בתרגום"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"בעיה בדוגמאות/בקוד"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"סיבה אחרת"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"התוכן קל להבנה"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"התוכן עזר לי לפתור בעיה"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"סיבה אחרת"
}]
{"lastModified": "\u05e2\u05d3\u05db\u05d5\u05df \u05d0\u05d7\u05e8\u05d5\u05df: 2020-09-28 (\u05e9\u05e2\u05d5\u05df UTC)."}
[[["התוכן קל להבנה","easyToUnderstand","thumb-up"],["התוכן עזר לי לפתור בעיה","solvedMyProblem","thumb-up"],["סיבה אחרת","otherUp","thumb-up"]],[["חסרים לי מידע או פרטים","missingTheInformationINeed","thumb-down"],["התוכן מורכב מדי או עם יותר מדי שלבים","tooComplicatedTooManySteps","thumb-down"],["התוכן לא עדכני","outOfDate","thumb-down"],["בעיה בתרגום","translationIssue","thumb-down"],["בעיה בדוגמאות/בקוד","samplesCodeIssue","thumb-down"],["סיבה אחרת","otherDown","thumb-down"]],["עדכון אחרון: 2020-09-28 (שעון UTC)."],[],[]]