نقشه راه دسترسپذیری فرمهای اینترنتی، تحلیل جامع شاخصهای موفقیت WCAG 2.0 برای افراد دارای ADHD و کمبینا
مقدمه
طراحی فرمهای اینترنتی رزرو که برای همه کاربران قابل استفاده باشد، نیازمند درک عمیق چالشهای گروههای مختلف کاربری است. دو گروهی که اغلب در طراحیهای معمول نادیده گرفته میشوند، افراد دارای ADHD (اختلال نقص توجه/بیشفعالی) و افراد کمبینا هستند. اگرچه نیازهای این دو گروه متفاوت به نظر میرسد، اما استاندارد WCAG 2.0 شاخصهایی را ارائه میدهد که هر دو را پوشش میدهد.
این مقاله به دو بخش اصلی تقسیم میشود: بخش نخست به چالشها و راهکارهای مرتبط با ADHD (با تمرکز بر عوامل شناختی، توجه و حافظه) و بخش دوم به نیازهای افراد کمبینا (با تمرکز بر جنبههای بصری، کنتراست و بزرگنمایی) میپردازد. در انتها، جدول جمعبندی مقایسهای ارائه خواهد شد.
بخش اول: دسترسپذیری فرمهای رزرو برای افراد دارای ADHD
چالشهای اصلی افراد دارای ADHD در تعامل با فرمها
افراد دارای ADHD با مجموعهای از چالشهای شناختی درگیر هستند که میتواند تکمیل فرمهای اینترنتی را دشوار سازد:
- حافظه کاری ضعیف: فراموشی اطلاعات واردشده در مراحل قبلی یا هدف فیلدها
- حواسپرتی: حساسیت بالا به محتوای متحرک، پاپآپها و عناصر مزاحم
- مدیریت زمان: مشکل در انجام وظایف با محدودیت زمانی
- پردازش اطلاعات: دشواری در درک دستورالعملهای پیچیده یا طولانی
- سازماندهی: مشکل در دنبال کردن فرآیندهای چندمرحلهای بدون ساختار واضح
طبق گزارش U.S. Access Board، بسیاری از شاخصهای WCAG 2.0 به طور خاص برای پشتیبانی از افراد با “محدودیتهای زبانی، شناختی و یادگیری” طراحی شدهاند.
شاخصهای مستقیم و غیرمستقیم مؤثر بر ADHD
۱. زمان قابل تنظیم (۲.۲.۱ – سطح A) ⏰
هدف: کاربران دارای ADHD اغلب برای تکمیل فرمها به زمان بیشتری نیاز دارند. این شاخص تضمین میکند که محدودیتهای زمانی مانع آنها نشود.
الزامات:
- در صورت وجود محدودیت زمانی، کاربر باید امکان خاموش کردن، تنظیم یا تمدید آن را داشته باشد
- کاربر باید حداقل ۲۰ ثانیه قبل از اتمام زمان، اخطار دریافت کند و بتواند زمان را با یک اقدام ساده تمدید کند
- برای افراد دارای ADHD، پیشنهاد میشود زمان پیشفرض حداقل ۱۰ برابر طول معمول باشد
کاربرد در فرم رزرو:
- اگر سشن فرم پس از ۲۰ دقیقه بیفعالی منقضی میشود، پیام هشدار با گزینه تمدید نمایش داده شود
- در فرمهای طولانی رزرو هتل یا پرواز، تایمر ورود اطلاعات وجود نداشته باشد یا قابل غیرفعالسازی باشد
۲. توقف، مکث، مخفیسازی (۲.۲.۲ – سطح A) ⏸️
هدف: حذف عوامل حواسپرتی که تمرکز افراد دارای ADHD را بر هم میزنند.
الزامات:
- هر گونه محتوای متحرک، چشمکزن، اسکرول شونده یا بهروزرسانی خودکار که بیش از ۵ ثانیه طول میکشد، باید قابلیت توقف، مکث یا مخفیسازی داشته باشد
- این شامل بنرهای چرخان، ویدیوهای خودکار، و انیمیشنهای پسزمینه میشود
کاربرد در فرم رزرو:
- بنرهای تبلیغاتی متحرک در کنار فرم رزرو باید قابلیت توقف داشته باشند
- از انیمیشنهای غیرضروری هنگام بارگذاری فرم خودداری شود
- ویدیوهای تبلیغاتی مقصد گردشگری نباید به طور خودکار پخش شوند
۳. بدون محدودیت زمانی (۲.۲.۳ – سطح AAA) 🎯
هدف: حذف کامل محدودیتهای زمانی برای حداکثر دسترسپذیری شناختی.
الزامات:
- زمانبندی به هیچ وجه استفاده نشود مگر در موارد استثنایی مانند آزمونهای آنلاین که زمانبندی ذاتاً ضروری است
تأثیر بر ADHD: این بالاترین سطح حمایت از افراد با مشکلات شناختی است و استرس ناشی از فشار زمان را به طور کامل حذف میکند.
۴. وقفهها (۲.۲.۴ – سطح AAA) 🚫
هدف: کاربر بتواند وقفهها (مانند بهروزرسانیهای خودکار صفحه) را به تعویق بیندازد یا غیرفعال کند.
الزامات:
- وقفههای مزاحم باید توسط کاربر قابل به تعویق انداختن یا سرکوب باشند
کاربرد در فرم رزرو:
- پیامهای «آیا هنوز آنلاین هستید؟» نباید بدون اطلاع قبلی ظاهر شوند
- بهروزرسانی خودکار قیمتها نباید باعث رفرش ناگهانی فرم شود
۵. بازیابی پس از انقضای سشن (۲.۲.۵ – سطح AAA) 🔄
هدف: در صورت انقضای وقت سشن، کاربر بتواند بدون نیاز به به خاطر سپردن مجدد تمام اطلاعات، ادامه دهد.
الزامات:
- پس از انقضای سشن، کاربر بتواند از همان نقطه ادامه دهد بدون این که مجبور باشد همه دادهها را دوباره وارد کند
کاربرد در فرم رزرو:
- اگر کاربر در حین پر کردن فرم رزرو ۶۰ صفحهای، جلسه منقضی شد، پس از ورود مجدد، اطلاعات قبلی حفظ شود
۶. عنوان صفحه (۲.۴.۲ – سطح A) 📄
هدف: عناوین توصیفی و منحصربهفرد به کاربر کمک میکند موقعیت خود را در سایت درک کند.
الزامات:
- هر صفحه باید عنوانی داشته باشد که هدف یا موضوع آن صفحه را توضیح دهد
تأثیر بر ADHD: افرادی که به راحتی حواسشان پرت میشود، با دیدن عنوان «رزرو پرواز – مرحله ۲ از ۳: اطلاعات مسافر» بلافاصله متوجه میشوند کجا هستند.
۷. تغییر کانتکست در فوکوس (۳.۲.۱ – سطح A) 🎯
هدف: جلوگیری از تغییر ناگهانی صفحه یا کانتکست هنگام فوکوس روی یک المان.
الزامات:
- هنگامی که یک المان رابط کاربری فوکوس میگیرد، نباید تغییری در کانتکست (مانند باز شدن پنجره جدید یا تغییر صفحه) ایجاد شود مگر اینکه کاربر آن اقدام را آغاز کرده باشد
کاربرد در فرم رزرو:
- زمانی که کاربر با Tab وارد فیلد «تاریخ» میشود، تقویم بازشو ظاهر شود اما صفحه جابهجا نشود
- خروج از یک فیلد (onBlur) نباید باعث ارسال خودکار فرم یا رفرش صفحه شود.
۸. تغییر کانتکست در ورودی (۳.۲.۲ – سطح A) ⌨️
هدف: جلوگیری از تغییر کانتکست هنگام تغییر مقدار یک فیلد.
الزامات:
- تغییر تنظیمات یک رابط کاربری (مانند انتخاب از منوی کشویی) نباید باعث تغییر خودکار کانتکست شود مگر اینکه کاربر قبلاً در مورد این رفتار مطلع شده باشد.
مثال نقض: انتخاب «تهران» از لیست شهرهای مبدأ باعث شود صفحه بلافاصله رفرش شود و لیست شهرهای مقصد بهروزرسانی گردد. کاربر ADHD ممکن است متوجه نشود چه اتفاقی افتاده است.
۹. ناوبری پایدار (۳.۲.۳ – سطح AA) 🧭
هدف: مکانیسمهای ناوبری در تمام صفحات وبسایت به صورت پایدار و قابل پیشبینی قرار گیرند.
تأثیر بر ADHD: ناوبری ثابت (مانند همیشه بودن دکمه «ادامه» در پایین سمت راست) باعث کاهش بار شناختی و افزایش سرعت یادگیری تعامل با فرم میشود.
۱۰. شناسایی پایدار المانها (۳.۲.۴ – سطح AA) 🔍
هدف: المانهایی که در چندین صفحه عملکرد یکسان دارند، به طور یکسان شناسایی شوند.
مثال: دکمه «تأیید و ادامه» در تمام مراحل فرم رزرو، با همان رنگ، اندازه و متن ظاهر شود.
۱۱. اجتناب از تغییرات ناگهانی کانتکست (۳.۲.۵ – سطح AAA) ⚠️
هدف: تغییرات کانتکست فقط زمانی رخ دهد که توسط کاربر آغاز شده باشد.
تأثیر بر ADHD: افراد دارای ADHD در برابر تغییرات ناگهانی و غیرمنتظره صفحه بسیار آسیبپذیر هستند. این شاخص تضمین میکند که هیچ تغییری بدون اقدام مستقیم کاربر رخ ندهد.
۱۲. برچسبها یا دستورالعملها (۳.۳.۲ – سطح A) 🏷️
هدف: هر فیلد فرم باید دارای برچسب یا دستورالعملی باشد که هدف آن را شرح دهد.
الزامات:
- برچسبها باید واضح و توصیفی باشند
- برای فیلدهای اجباری، نشانگر واضح (مانند ستاره) همراه با توضیح معنی آن در ابتدای فرم ارائه شود
- فرمت مورد انتظار داده (مانند YYYY/MM/DD) به عنوان مثال نمایش داده شود
تأثیر بر ADHD: برچسبهای واضح نیاز به حافظه کاری را کاهش میدهد و کاربر مجبور نیست حدس بزند چه اطلاعاتی در هر فیلد انتظار میرود.
۱۳. شناسایی خطا (۳.۳.۱ – سطح A) ❌
هدف: در صورت بروز خطا، فیلد خطادار و توضیح خطا به صورت متنی شناسایی شود.
تأثیر بر ADHD: خطاهای واضح از سردرگمی جلوگیری میکند. به جای پیام مبهم «خطا در فرم»، باید نوشته شود: «فیلد «تاریخ تحویل» خالی است. لطفاً یک تاریخ وارد کنید.»
۱۴. پیشنهاد اصلاح خطا (۳.۳.۳ – سطح AA) 💡
هدف: علاوه بر شناسایی خطا، پیشنهاد اصلاح نیز به کاربر ارائه شود.
الزامات:
- در صورت امکان، پیشنهادهایی برای اصلاح خطا ارائه شود، مگر اینکه امنیت یا هدف محتوا را به خطر بیندازد
تأثیر بر ADHD: افراد دارای ADHD ممکن است با وجود آگاهی از وجود خطا، ندانند چگونه آن را برطرف کنند. پیشنهاد اصلاح، این شکاف را پر میکند.
۱۵. پیشگیری از خطا (۳.۳.۴ – سطح AA) 🛡️
هدف: برای فرمهایی که عواقب مالی، قانونی یا اطلاعاتی دارند (مانند رزرو)، حداقل یکی از موارد زیر فراهم شود:
- قابل برگشت بودن: امکان لغو یا اصلاح رزرو
- بررسی: صفحه خلاصه اطلاعات قبل از نهاییسازی
- تأیید نهایی: گرفتن تأیید صریح کاربر
۱۶. زبان صفحه (۳.۱.۱ – سطح A) 🌐
هدف: زبان اصلی صفحه باید به صورت برنامهنویسی مشخص شود تا فناوریهای کمکی (مانند صفحهخوانها) بتوانند محتوا را به درستی تلفظ کنند.
۱۷. زبان بخشها (۳.۱.۲ – سطح AA) 🔤
هدف: زبان هر بخش از محتوا به صورت برنامهنویسی قابل تعیین باشد.
۱۸. شناسایی کلمات و اصطلاحات غیرمعمول (۳.۱.۳ – سطح AAA) 📚
هدف: کلمات غیرمعمول، اصطلاحات خاص و زبان عامیانه شناسایی شوند.
کاربرد در فرم رزرو: اصطلاحاتی مانند «تاخیر پرواز»، «اضافه وزن بار»، «ویزای فرودگاهی» با توضیحات کوتاه ارائه شوند.
۱۹. بسط اختصارات (۳.۱.۴ – سطح AAA) 🔡
هدف: شکل کامل اختصارات و معنی آنها قابل دسترس باشد.
مثال: اولین بار که «API» یا «PNR» در فرم استفاده میشود، شکل کامل آن در پرانتز یا با تگ <abbr> ارائه شود.
۲۰. ساختار و روابط (۱.۳.۱ – سطح A) 📐
هدف: اطلاعات ساختاری فرم (مانند گروهبندی فیلدها) باید به صورت برنامهنویسی قابل تعیین باشد.
کاربرد: استفاده از <fieldset> و <legend> برای گروهبندی فیلدهای مرتبط مانند اطلاعات پرواز رفت و برگشت.
۲۱. جلوگیری از تشنج (۲.۳.۱ – سطح A) ⚡
هدف: محتوایی که بیش از سه بار در یک ثانیه چشمک میزند، ایجاد نشود.
۲۲. قابل تجزیه بودن کد (۴.۱.۱ – سطح A) 🔧
هدف: کد صفحه به درستی تجزیه شود تا راه را برای فناوریهای کمکی شناختی هموار کند.
۲۳. نام، نقش، مقدار (۴.۱.۲ – سطح A) 🎭
هدف: نام و نقش هر المان فرم و همچنین وضعیت آن (انتخاب شده، چک شده و غیره) برای فناوریهای کمکی قابل تعیین باشد.
شاخصهای اضافی WCAG 2.1 که برای ADHD مفید هستند
اگرچه تمرکز این مقاله بر WCAG 2.0 است، اشاره به برخی شاخصهای WCAG 2.1 که به طور خاص برای حمایت از افراد با مشکلات شناختی طراحی شدهاند، خالی از لطف نیست:
- هدف قابل شناسایی (۱.۳.۵ – سطح AA): فیلدهای فرم باید دارای ویژگی
autocompleteباشند تا تکمیل خودکار اطلاعات را آسانتر کند - فاصلهگذاری متن (۱.۴.۱۲ – سطح AA): کاربر بتواند فاصله خطوط، پاراگرافها و حروف را تنظیم کند
- انقضای سشن (۲.۲.۶ – سطح AAA): به کاربر گفته شود چه مدت میتواند غیرفعال باشد قبل از این که اطلاعات خود را از دست بدهد
بخش دوم: دسترسپذیری فرمهای رزرو برای افراد کمبینا
چالشهای اصلی افراد کمبینا در تعامل با فرمها
اصطلاح «کمبینا» طیف وسیعی از شرایط بینایی را شامل میشود، از دید محدود (تونل بینایی) تا کاهش وضوح تصویر یا حساسیت به نور. افراد کمبینا معمولاً:
- برای خواندن متن به بزرگنمایی نیاز دارند (تا ۲۰۰٪ یا ۴۰۰٪)
- به کنتراست بالا بین متن و پسزمینه نیاز دارند
- ممکن است نتوانند رنگهای خاصی را تشخیص دهند
- از ذرهبینهای صفحه یا فناوریهای بزرگنمایی استفاده میکنند
- ممکن است از صفحهخوان نیز استفاده کنند، اما اغلب به ترکیبی از بزرگنمایی و صفحهخوان متکی هستند
طبق نقشه راهنمای U.S. Access Board، شاخصهای متعددی در WCAG 2.0 وجود دارند که به طور خاص برای افراد با «دید محدود» (Limited Vision) طراحی شدهاند.
شاخصهای سطح A و AA (الزامات پایه و استاندارد)
۱. کنتراست رنگ (۱.۴.۳ – سطح AA) 🎨
هدف: اطمینان از خوانایی متن برای افراد با دید محدود.
الزامات فنی:
- نسبت کنتراست بین رنگ متن و پسزمینه باید حداقل ۴.۵:۱ برای متن معمولی باشد
- برای متن بزرگ (۱۸pt یا ۱۴pt bold) نسبت حداقل ۳:۱ کافی است
کاربرد در فرم رزرو:
- متن برچسبها، خطاها، و دستورالعملها باید کنتراست کافی با پسزمینه داشته باشد
- متن پلیسهولدر (placeholder) نیز باید کنتراست کافی داشته باشد
- حاشیه فیلدها باید کنتراست حداقل ۳:۱ با پسزمینه داشته باشد
مقادیر پیشنهادی:
- برای پسزمینه سفید (#FFFFFF)، متن تیره با رنگ #767676 یا تیرهتر (نسبت ۴.۵:۱)
- برای حاشیه فیلدها، رنگ #969696 یا تیرهتر (نسبت ۳:۱)
۲. تغییر اندازه متن (۱.۴.۴ – سطح AA) 🔍
هدف: متن باید تا ۲۰۰٪ بدون از دست رفتن کارایی یا محتوا قابل بزرگنمایی باشد.
الزامات:
- کاربر باید بتواند متن را بدون نیاز به فناوری کمکی تا ۲۰۰٪ بزرگ کند
- بزرگنمایی نباید باعث از دست رفتن محتوا یا کارایی شود
تأثیر بر کمبینایان: افرادی که از ذرهبین صفحه یا بزرگنمایی مرورگر استفاده میکنند، باید بتوانند تمام محتوای فرم را بدون نیاز به اسکرول افقی بخوانند.
۳. عدم استفاده از تصاویر متن (۱.۴.۵ – سطح AA) 🖼️
هدف: به جای تصاویر حاوی متن، از متن واقعی استفاده شود.
دلیل: تصاویر متن هنگام بزرگنمایی پیکسلپیکسل شده و خوانایی خود را از دست میدهند. متن واقعی با بزرگنمایی صاف و خوانا باقی میماند.
کاربرد در فرم رزرو:
- دکمههای سفارشی با تصاویر متنی (مانند دکمه «رزرو» به صورت عکس) استفاده نشود
- لوگوها استثنا هستند
۴. بازچینی محتوا (۱.۴.۱۰ – سطح AA) – WCAG 2.1 📱
هدف: محتوا باید بدون نیاز به اسکرول افقی در دو جهت، قابل ارائه باشد.
الزامات:
- محتوا در عرض معادل ۳۲۰ پیکسل CSS باید بدون اسکرول افقی قابل مشاهده باشد
- برای اسکرول عمودی، ارتفاع معادل ۲۵۶ پیکسل CSS کافی است
کاربرد در فرم رزرو:
- هنگامی که کاربر فرم را تا ۴۰۰٪ بزرگ میکند، فیلدها به صورت ستونی در زیر هم قرار گیرند (reflow)
- از طراحی responsive استفاده شود که با هر اندازه صفحه نمایش سازگار باشد
۵. کنتراست اجزای غیرمتنی (۱.۴.۱۱ – سطح AA) – WCAG 2.1 🔘
هدف: اجزای رابط کاربری (مانند حاشیه فیلدها، آیکونها، و نشانگرهای وضعیت) باید کنتراست حداقل ۳:۱ داشته باشند.
الزامات:
- حاشیه فیلدهای فرم باید کنتراست کافی با پسزمینه داشته باشد
- نشانگر فوکوس (مانند حاشیه آبی دور فیلد) باید کنتراست ۳:۱ داشته باشد
- آیکونهای هشدار و خطا باید کنتراست کافی داشته باشند
مثال نقض: فیلدهای ورودی با حاشیه خاکستری روشن روی پسزمینه سفید (نسبت ۱.۶:۱) برای افراد کمبینا قابل شناسایی نیستند.
۶. نشانگر فوکوس مرئی (۲.۴.۷ – سطح AA) 👁️
هدف: نشانگر بصری واضحی برای المانی که فوکوس صفحه کلید روی آن است وجود داشته باشد.
تأثیر بر کمبینایان: افرادی که از صفحه کلید استفاده میکنند و دید محدودی دارند، باید بتوانند به راحتی ببینند کدام فیلد در حال حاضر فعال است. گزارشها نشان میدهد که تنها ۲۳٪ وبسایتها این شرط را رعایت میکنند.
۷. عدم استفاده صرف از رنگ (۱.۴.۱ – سطح A) 🚦
هدف: رنگ نباید تنها روش انتقال اطلاعات باشد.
کاربرد در فرم رزرو:
- فیلدهای اجباری نباید تنها با حاشیه قرمز مشخص شوند. از ستاره (
*) یا عبارت «الزامی» نیز استفاده شود - پیام خطا نباید تنها با متن قرمز مشخص شود. از آیکون یا متن توضیحی نیز استفاده شود
۸. قابلیت استفاده از صفحه کلید (۲.۱.۱ – سطح A) ⌨️
هدف: تمام قابلیتهای فرم باید تنها با استفاده از صفحه کلید قابل اجرا باشند.
تأثیر بر کمبینایان: بسیاری از افراد کمبینا که نمیتوانند به راحتی مکان نماوس را روی صفحه دنبال کنند، به ناوبری تمام صفحه کلید متکی هستند.
۹. برچسبها یا دستورالعملها (۳.۳.۲ – سطح A) 🏷️
هدف: هر فیلد فرم باید دارای برچسب واضح باشد.
تأثیر بر کمبینایان: برچسبهایی که نزدیک فیلد خود قرار دارند، حتی در حالت بزرگنمایی بالا نیز قابل شناسایی هستند. برچسبها باید به طور پیشبینیپذیر قرار گیرند (معمولاً بالای فیلد یا سمت راست چکباکسها).
۱۰. عنوان صفحه (۲.۴.۲ – سطح A) 📄
هدف: عنوان صفحه باید توصیفی و منحصربهفرد باشد تا کاربر بداند در کدام مرحله از فرآیند رزرو قرار دارد.
شاخصهای سطح AAA (حداکثر دسترسپذیری برای کمبینایان)
این شاخصها بالاترین سطح دسترسپذیری را ارائه میدهند و برای سناریوهایی که نیاز به حداکثر انطباق وجود دارد، توصیه میشوند.
۱. کنتراست افزایشیافته (۱.۴.۶ – سطح AAA) 🎨
هدف: کنتراست متن با پسزمینه حداقل ۷:۱ برای متن معمولی و ۴.۵:۱ برای متن بزرگ باشد.
۲. عدم استفاده از تصاویر متن (۱.۴.۹ – سطح AAA) 🖼️
هدف: هیچ تصویری حاوی متن استفاده نشود (حتی لوگوها در صورت امکان).
۳. قابلیت شخصیسازی ظاهر (۱.۴.۸ – سطح AAA) 🎛️
هدف: کاربر بتواند ظاهر متن را شخصیسازی کند:
- انتخاب رنگ متن و پسزمینه توسط کاربر
- متن نباید به دو سمت چپ و راست توجیه شود (justified)
- فاصله خطوط قابل تنظیم (حداقل یک و نیم برابر فاصله خطوط)
- فاصله پاراگرافها قابل تنظیم
۴. بدون نویز پسزمینه (۱.۴.۷ – سطح AAA) 🔊
هدف: پسزمینه صوتی نداشته باشد یا قابل خاموش کردن باشد.
بخش سوم: جدول جمعبندی و اولویتبندی
شاخصهای مشترک بین ADHD و کمبینایان
| شاخص موفقیت | سطح | تأثیر بر ADHD | تأثیر بر کمبینایان |
|---|---|---|---|
| برچسبها یا دستورالعملها (۳.۳.۲) | A | کاهش نیاز به حافظه کاری | شناسایی آسان فیلدها در بزرگنمایی |
| عنوان صفحه (۲.۴.۲) | A | آگاهی از موقعیت در سایت | درک سریع محتوای صفحه |
| شناسایی خطا (۳.۳.۱) | A | کاهش سردرگمی | تشخیص خطا بدون اتکا به رنگ |
| پیشنهاد اصلاح خطا (۳.۳.۳) | AA | پر کردن شکاف در حل مسئله | درک نحوه رفع خطا |
| قابلیت استفاده از صفحه کلید (۲.۱.۱) | A | ناوبری ساختاریافته | جایگزین دنبال کردن موس |
| نشانگر فوکوس مرئی (۲.۴.۷) | AA | پیگیری موقعیت روی صفحه | دیدن فیلد فعال در بزرگنمایی |
| ساختار و روابط (۱.۳.۱) | A | درک گروهبندی فیلدها | پیمایش ساختاری با صفحهخوان |
شاخصهای اختصاصی ADHD
| شاخص موفقیت | سطح | اولویت | توضیح |
|---|---|---|---|
| زمان قابل تنظیم (۲.۲.۱) | A | حیاتی | حذف استرس ناشی از محدودیت زمانی |
| توقف، مکث، مخفیسازی (۲.۲.۲) | A | حیاتی | حذف عوامل حواسپرتی |
| تغییر کانتکست در فوکوس (۳.۲.۱) | A | بسیار مهم | جلوگیری از تغییرات ناگهانی |
| تغییر کانتکست در ورودی (۳.۲.۲) | A | بسیار مهم | جلوگیری از ارسال خودکار |
| ناوبری پایدار (۳.۲.۳) | AA | مهم | کاهش بار شناختی |
| پیشگیری از خطا (۳.۳.۴) | AA | مهم | جلوگیری از عواقب اشتباه |
شاخصهای اختصاصی کمبینایان
| شاخص موفقیت | سطح | اولویت | توضیح |
|---|---|---|---|
| کنتراست رنگ (۱.۴.۳) | AA | حیاتی | خوانایی متن |
| تغییر اندازه متن (۱.۴.۴) | AA | حیاتی | قابلیت بزرگنمایی |
| بازچینی محتوا (۱.۴.۱۰) | AA | بسیار مهم | عدم نیاز به اسکرول افقی |
| کنتراست اجزای غیرمتنی (۱.۴.۱۱) | AA | بسیار مهم | شناسایی حاشیه فیلدها |
| عدم استفاده صرف از رنگ (۱.۴.۱) | A | مهم | اطلاعرسانی بدون رنگ |
| عدم استفاده از تصاویر متن (۱.۴.۵) | AA | مهم | جلوگیری از پیکسلپیکسل شدن |
| کنتراست افزایشیافته (۱.۴.۶) | AAA | پیشرفته | حداکثر خوانایی |
جمعبندی نهایی
طراحی فرمهای رزرو دسترسپذیر نیازمند توجه همزمان به نیازهای طیف گستردهای از کاربران است. اگرچه افراد دارای ADHD و افراد کمبینا چالشهای متفاوتی دارند، اما رعایت شاخصهای WCAG 2.0 هر دو گروه را پوشش میدهد.
نکات کلیدی برای پیادهسازی:
- برای ADHD: حذف عوامل حواسپرتی، حذف محدودیتهای زمانی غیرضروری، برچسبهای واضح، و جلوگیری از تغییرات ناگهانی صفحه
- برای کمبینایان: تضمین کنتراست کافی، قابلیت بزرگنمایی تا ۲۰۰٪ بدون از دست رفتن محتوا، و بازچینی responsive محتوا
- برای هر دو گروه: قابلیت استفاده کامل از صفحه کلید، نشانگر فوکوس مرئی، و پیامهای خطای واضح با پیشنهاد اصلاح
رعایت این شاخصها نه تنها به افراد دارای ADHD و کمبینا کمک میکند، بلکه تجربه کاربری همه کاربران را بهبود میبخشد و نرخ تکمیل موفقیتآمیز فرمهای رزرو را افزایش میدهد.
منابع مورد استفاده
- David MacDonald, WCAG Member, WCAG 2.0 requirements which may help people with low vision and cognitive disabilities
- W3C, Cognitive and Learning Disabilities and WCAG (Draft)
- FormAssembly, How to Meet ADA and Section 508 Standards
- U.S. Access Board, Map of WCAG to Section 508 FPC
- W3C, Understanding WCAG 2.0 – SC 3.3.2, 3.3.3
- Vision Australia, Online and Print Inclusive Design Considerations
- W3C, Forms: Concepts (Draft)