طراحی برای همه کاربران
با Tab و Shift+Tab بین پیوندها و کنترل ها حرکت کنید. کادر فوکوس باید واضح باقی بماند.
رنگ خوانا و پیام روشن
این متن با رنگ #0f172a روی سفید نمایش داده می شود.
توجه: این یک نمونه آموزشی است؛ برای تشخیص پیام فقط به رنگ وابسته نیستیم.
رفتن به بخش حرکتحرکت اختیاری و محدود
حرکت تنها با انتخاب شما آغاز می شود، چهار چرخه دارد و وضعیت واقعی بارگذاری را نشان نمی دهد.
برای شروع دوباره، انتخاب را بردارید و دوباره فعال کنید. در حالت کاهش حرکت، نقطه ثابت می ماند.
تمرین مستقل
در practice.css برای پیوند زیر یک فوکوس واضح و زیرخط هاور اضافه کنید؛ رنگ متن و زمینه را حفظ کنید.
رفتن به چک لیست تمرینچک لیست بررسی
- با Tab از پیوند پرش شروع کنید.
- با Enter پیوندها و با Space گزینه حرکت را فعال کنید.
- عرض 320 پیکسل و بزرگ نمایی 200 درصد را بررسی کنید.
- کاهش حرکت سیستم را فعال و ثابت ماندن نقطه را بررسی کنید.
این پروژه نمونه آموزشی است و گواهی انطباق کامل با WCAG نیست.