درس 51: دسترس پذیری در طراحی؛ کنتراست، فوکوس و کاهش حرکت
index.html را باز کنید. اینترنت و نصب ابزار لازم نیست؛ فونت پروژه Tahoma سیستمی است.

آزمایش صفحه کلید: Tab، Shift+Tab، Enter برای پیوند و Space برای checkbox.
اولین Tab باید پیوند رفتن به محتوای اصلی را نشان دهد.
حرکت اختیاری است، 4 چرخه 600 میلی ثانیه ای دارد. برای توقف، checkbox را خاموش کنید.
در حالت prefers-reduced-motion: reduce نباید حرکت اجرا شود؛ محتوا باید باقی بماند.
عرض 320 پیکسل و بزرگ نمایی 200 درصد را کنترل کنید.

تمرین: practice.css را بعد از style.css در head متصل و دو حالت فوکوس و هاور را اضافه کنید.
پاسخ مستقل در solution.css است؛ برای مقایسه آن را به جای practice.css متصل کنید.
<link rel="stylesheet" href="practice.css">

نسبت رنگ ها را با ابزار معتبر کنتراست بررسی کنید؛ سفید روی #075985 و #0f172a روی سفید.
این نمونه گواهی انطباق کامل با WCAG نیست. آزمون صفحه خوان و دستگاه واقعی نیز لازم است.
