حرکت کمتر برای کاربران حساس به انیمیشن

انیمیشن زیاد ممکن است برای بعضی کاربران آزاردهنده یا گیج‌کننده باشد.

سیستم‌عامل‌ها گزینه‌ای دارند که ترجیح کاربر برای حرکت کمتر را اعلام می‌کند.

در CSS می‌توان با prefers-reduced-motion این ترجیح را تشخیص داد.

ابتدا انیمیشن تزئینی مثل حرکت پس‌زمینه یا بزرگ‌نمایی مداوم را فهرست کن.

برای حالت reduce، مدت یا حرکت غیرضروری را حذف کن و محتوا را همچنان قابل استفاده نگه دار.

نمایش پیام و انجام کار اصلی نباید فقط به انیمیشن وابسته باشد.

ترجیح Reduce Motion را در تنظیمات دستگاه آزمایشی فعال کن.

صفحه را دوباره باز و تفاوت انیمیشن‌ها را با حالت معمول مقایسه کن.

اسکرول، منو و فرم را هم آزمایش کن تا کاهش حرکت باعث پنهان شدن کنترل‌ها نشود.

هدف حذف همه بازخوردها نیست؛ هدف آرام‌تر کردن حرکت غیرضروری و حفظ کارکرد است.

اگر تجربه یا پرسشی دارید، همین‌جا برای ما بنویسید.

آموزش‌های مرتبط