دسترس‌پذیری سایت؛ چک‌لیست عملی برای فرم، منو و محتوا

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

با Tab از ابتدا تا پایان صفحه برو. ترتیب فوکوس باید با ترتیب دیداری و معنایی هماهنگ باشد و فوکوس زیر منو یا نوار ثابت پنهان نشود. هر دکمه فقط با Enter و Space قابل استفاده باشد. پنجرهٔ بازشونده باید راه بستن روشن داشته باشد و پس از بسته شدن فوکوس به محرک برگردد. حرکت‌هایی که دائماً چشم را دنبال خود می‌کشند باید در حالت کاهش حرکت خاموش شوند.

فرم را برای خطا طراحی کن

هر ورودی برچسب قابل مشاهده داشته باشد؛ placeholder به‌تنهایی کافی نیست. فیلدهای اجباری، قالب مورد انتظار و خطا را با متن توضیح بده، نه فقط رنگ. پیام خطا باید به همان ورودی مربوط باشد و راه اصلاح را بگوید. پس از ارسال، نتیجهٔ موفق یا ناموفق را آشکار کن. برای گروه‌های انتخابی از ساختار معنایی مناسب استفاده کن تا صفحه‌خوان رابطهٔ گزینه‌ها را اعلام کند.

تصویر و رنگ را با معنا هماهنگ کن

برای تصویر اطلاعاتی متن جایگزین بنویس و برای تصویر صرفاً تزئینی متن خالی بگذار. نسبت کنتراست متن و زمینه را در هر دو تم بررسی کن. اطلاعاتی مثل خطای فرم یا وضعیت سفارش را فقط با قرمز و سبز نشان نده؛ متن یا شکل کمکی لازم است. تیترها را به ترتیب منطقی بچین تا کاربر بتواند صفحه را پیمایش کند. آزمون خودکار مفید است، ولی جای استفادهٔ واقعی با صفحه‌خوان را نمی‌گیرد.

یک مسیر کامل را با صفحه‌خوان امتحان کن

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

معیار پذیرش

کاربر باید بتواند بدون ماوس به اطلاعات و اقدام اصلی برسد. خطاها باید قابل شناسایی و اصلاح باشند؛ حرکت‌های مداوم در حالت کاهش حرکت متوقف شوند. آزمون خودکار را با بازبینی انسانی تکمیل کن. رنگ تنها نشانهٔ وضعیت نباشد و پیام‌ها برای صفحه‌خوان نیز اعلام شوند.

پرسش‌های پرتکرار

آیا داشتن نسخهٔ موبایل یعنی سایت دسترس‌پذیر است؟

خیر؛ لمس، کنتراست، ساختار معنایی و کار با صفحه‌کلید باید جدا بررسی شوند.