تیم تحریریه LOXX
طراحی سایت دسترس‌پذیر یعنی استفاده از محتوای اصلی و انجام کارهای مهم به یک روش محدود وابسته نباشد. ممکن است کاربر نتواند از ماوس استفاده کند، متن را بزرگ کند یا برای دریافت محتوا به ابزار کمکی تکیه داشته باشد. توجه به این شرایط از شروع طراحی، هزینه اصلاح اجزای تکرارشده را کمتر می‌کند. هدف این راهنما ساخت یک برنامه بررسی عملی است؛ چند آزمایش ساده به تنهایی برای اعلام انطباق کامل با یک استاندارد کافی نیستند.
مسیر اصلی را فقط با صفحه‌کلید اجرا کنید
ماوس را کنار بگذارید و از ابتدای صفحه به لینک‌ها، منو، فرم و دکمه ادامه برسید. باید مشخص باشد تمرکز اکنون کجاست و ترتیب حرکت با ترتیب منطقی محتوا هماهنگ بماند. پنجره بازشونده نباید کاربر را در جای نامعلومی رها کند. اگر منوی موبایل باز می‌شود، بازگشت به محتوای اصلی و بستن آن هم باید ممکن باشد. مسئله را با نام صفحه و قدم بازتولید ثبت کنید؛ گزارش «کیبورد مشکل دارد» برای اصلاح دقیق کافی نیست. نتیجه را پس از تغییر دوباره در همان جریان بررسی کنید.
فرم را بدون تکیه بر رنگ قابل فهم کنید
برچسب فیلد باید با مقدار نمونه تفاوت داشته باشد؛ با شروع تایپ، پرسش اصلی نباید ناپدید شود. اطلاعات ضروری را پیش از ارسال توضیح دهید و خطا را به فیلد مربوط وصل کنید. قرمز شدن کادر بدون متن، راه اصلاح را نشان نمی‌دهد. بعد از ارسال ناموفق، داده‌های سالم را حفظ کنید تا کاربر مجبور به تکرار همه مراحل نشود. درباره فرمت شماره تماس یا کد نیز مثال روشن بدهید. جزئیات متن و ساختار فرم باید همراه طراح و توسعه‌دهنده بررسی شوند، چون ظاهر درست به تنهایی رفتار صحیح را تضمین نمی‌کند.
خوانایی و بزرگ‌نمایی را در صفحه واقعی بسنجید
کنتراست متن و پس‌زمینه را برای حالت‌های مختلف بررسی کنید؛ متن کمکی و دکمه غیرفعال هم بخشی از تجربه هستند. صفحه را با بزرگ‌نمایی مرور کنید و ببینید متن روی کنترل‌ها نمی‌افتد و اقدام اصلی پنهان نمی‌شود. اطلاعات حساس به ترتیب مانند قیمت قدیم و جدید باید توضیح متنی واضح داشته باشند. برای متن فارسی و عبارت لاتین، به ترتیب خواندن و نمایش نشانه‌ها توجه کنید. تصویر دارای متن نیز می‌تواند با بزرگ‌نمایی یا در دستگاه کوچک خواندن را سخت کند؛ اطلاعات ضروری را تا حد امکان در متن صفحه بیاورید.
مثال فرضی: انتخاب زمان مشاوره
در یک مثال فرضی، تقویم رزرو فقط روزهای آزاد را سبز نشان می‌دهد و انتخاب روز با کلیک انجام می‌شود. اصلاح مناسب شامل نام قابل فهم روز، وضعیت آزاد یا پر و روش انتخاب با صفحه‌کلید است. خلاصه انتخاب باید پیش از تأیید در متن نمایش داده شود. در آزمون، کاربر یک زمان را انتخاب می‌کند، برمی‌گردد و آن را عوض می‌کند. همین سناریوی کوتاه می‌تواند مشکل حفظ تمرکز، پیام خطا یا از دست رفتن اطلاعات را آشکار کند. پیچیده بودن ظاهر تقویم نباید جایگزین توضیح روشن نتیجه انتخاب شود.
تصاویر و ساختار صفحه را هدفمند بررسی کنید
متن جایگزین تصویر باید نقش آن را توضیح دهد. برای عکس محصول، ویژگی قابل مشاهده و مرتبط با انتخاب مهم است؛ تکرار فهرست کلیدواژه‌ها فایده‌ای برای کاربر ندارد. عنوان‌ها باید ساختار مطلب را نشان دهند، نه اینکه فقط با اندازه ظاهری انتخاب شوند. متن لینک نیز باید مقصد یا اقدام را روشن کند. راهنمای بررسی‌های اولیه W3C موضوعاتی مانند عنوان صفحه، متن جایگزین و تمرکز صفحه‌کلید را برای شروع معرفی می‌کند؛ این بررسی‌ها ارزیابی جامع نیستند.
برنامه رفع مشکل و تحویل
- ابتدا موانع ورود، خرید، تماس و دریافت اطلاعات ضروری را رفع کنید.
- برای هر مشکل، صفحه، مراحل و نتیجه مورد انتظار را ثبت کنید.
- جزء مشترک را اصلاح و سپس تمام محل‌های استفاده را مرور کنید.
- آزمون خودکار را با مشاهده دستی مسیر واقعی همراه کنید.
- ادعای انطباق را به دامنه و نتیجه ارزیابی مستند محدود نگه دارید.
طراحی UI UX و دیزاین سیستم سایت به تبدیل این بررسی‌ها به قواعد تکرارپذیر کمک می‌کنند. در طراحی رابط و تجربه کاربری، دسترس‌پذیری باید در معیار پذیرش اجزا و جریان‌ها دیده شود.
این راهنما برای تصمیم‌گیری اولیه نوشته شده است. محدوده، زمان و قیمت هر پروژه پس از بررسی نیاز مشخص می‌شود. نام LOXX تازه معرفی شده؛ تجربه افراد تیم پیش از این نام شکل گرفته و تنها کارهای مجاز و قابل انتشار نمایش داده می‌شوند.