چهار بررسی ساده
- با Tab و Shift+Tab همهٔ کنترل‌ها را طی کن؛ آیا ترتیب منطقی و فوکوس آشکار است؟
- صفحه را بزرگ‌نمایی کن؛ آیا محتوا و برچسب‌ها هنوز قابل‌خواندن‌اند؟
- فهرست تیترها، نام لینک‌ها و نام کنترل‌ها را بررسی کن؛ آیا بدون حدس از روی رنگ هم قابل‌فهم‌اند؟
- تصویرها، رسانه‌ها و فرم‌ها را بررسی کن؛ آیا alt، زیرنویس، label و توضیح خطا وجود دارند؟
ابزار خودکار می‌تواند بخشی از اشکال‌ها را پیدا کند، اما جای آزمون دستی را نمی‌گیرد. ابزار دسترس‌پذیری مرورگر نام و نقش کنترل را نشان می‌دهد.
در مثال <div role="button">ارسال</div> ظاهر و role ممکن است شبیه دکمه به نظر برسد، اما رویداد، فوکوس و رفتار صفحه‌کلید کامل خودکار ساخته نشده‌اند. انتخاب عنصر بومی درست بسیاری از این مشکلات را از ابتدا حل می‌کند.
فعالیت شما
برای انجام یک عمل در صفحه، کدام گزینه از ابتدا رفتار بومی دکمه و دسترسی صفحه‌کلید دارد؟
نام کلاس یا role همهٔ رفتارهای تعامل را پیادهسازی نمیکند.