دسترس‌پذیری وب‌سایت برای کسب‌وکار کوچک.
وب‌سایت دسترس‌پذیر یعنی سایتی که افراد بیشتری می‌توانند از آن استفاده کنند: مشتریان نابینا، ناشنوا، کم‌بینا یا کسانی که با صفحه‌کلید حرکت می‌کنند. اینجا استانداردی را که بیشتر سایت‌ها با آن سنجیده می‌شوند، بررسی‌های سریعی که خودتان می‌توانید انجام دهید، و آنچه وزارت دادگستری آمریکا درباره ADA و وب‌سایت‌ها گفته است می‌بینید.
WCAG چیست
دستورالعمل‌های دسترس‌پذیری محتوای وب (WCAG) را W3C منتشر می‌کند و توضیح می‌دهند چطور محتوای وب را برای افراد دارای معلولیت دسترس‌پذیرتر کنیم.1 WCAG 2.0 در 2008، WCAG 2.1 در 2018 و WCAG 2.2 در 5 اکتبر 2023 منتشر شد.1
این دستورالعمل‌ها زیر چهار اصل سازمان‌دهی شده‌اند: قابل درک حسی، قابل استفاده، قابل فهم و مستحکم.1 هر معیار موفقیت در یکی از سه سطح A، AA یا AAA قرار دارد.1 محتوایی که با WCAG 2.2 مطابقت دارد با 2.1 و 2.0 هم مطابقت دارد، پس ساختن بر اساس جدیدترین نسخه، نسخه‌های قدیمی‌تر را هم پوشش می‌دهد.1
بررسی‌های ساده‌ای که می‌توانید انجام دهید
| بررسی | به چه چیزی دقت کنید |
|---|---|
| عنوان صفحه | هر صفحه عنوانی دارد که محتوایش را به‌طور خلاصه توصیف می‌کند [2] |
| متن جایگزین تصاویر | متن alt همان معنای تصویر را منتقل می‌کند [2] |
| سرتیترها | تقریباً هر صفحه دست‌کم یک سرتیتر دارد و سرتیترها ساختار صفحه را نشان می‌دهند [2] |
| کنتراست رنگ | متن با اندازه معمولی دست‌کم نسبت کنتراست 4.5:1 دارد [2] |
| بزرگ کردن متن | وقتی متن بزرگ می‌شود، ناپدید یا بریده نمی‌شود و جمله‌ها نیازی به اسکرول افقی ندارند [2] |
| دسترسی با صفحه‌کلید و فوکوس | می‌توانید با Tab به هر لینک، فیلد فرم، دکمه و کنترل رسانه بروید و ببینید کجا هستید [2] |
| فرم‌ها، برچسب‌ها و خطاها | هر کنترل فرم یک برچسب مرتبط دارد [2] |
| محتوای متحرک یا چشمک‌زن | افراد می‌توانند محتوای متحرک مثل اسلایدرها و کاروسل‌ها را کنترل کنند [2] |
| جایگزین‌های چندرسانه‌ای | ویدیو زیرنویس دارد و صدا متن پیاده‌شده (transcript) دارد [2] |
W3C صریحاً می‌گوید این‌ها فقط یک نگاه اولیه‌اند: ممکن است صفحه‌ای ظاهراً از آن‌ها رد شود اما هنوز موانع جدی دسترس‌پذیری داشته باشد.2
ADA و وب‌سایت‌ها
در مارس 2022، وزارت دادگستری آمریکا (DOJ) راهنمایی درباره دسترس‌پذیری وب و ADA منتشر کرد.3 این راهنما توضیح می‌دهد که Title III کسب‌وکارهای باز به روی عموم را پوشش می‌دهد، و این وزارتخانه ADA را شامل کالاها و خدماتی می‌داند که این کسب‌وکارها به‌صورت آنلاین ارائه می‌کنند.3
این راهنما می‌گوید کسب‌وکارها در نحوه رعایت قانون انعطاف دارند و به استانداردهای فنی موجود، از جمله WCAG، به‌عنوان راهنمای مفید اشاره می‌کند.3 موانع رایج را هم فهرست می‌کند: کنتراست رنگ ضعیف، استفاده از رنگ به‌تنهایی برای انتقال اطلاعات، تصاویر بدون متن alt، ویدیوهای بدون زیرنویس، فرم‌های بدون برچسب یا پیام خطا، و ناوبری فقط با ماوس.3
این خلاصه‌ای از راهنمایی‌های عمومی است، نه مشاوره حقوقی. اگر شکایت یا نامه مطالبه‌ای درباره دسترس‌پذیری دریافت کرده‌اید، با یک وکیل صحبت کنید.
کجا سایت‌های کسب‌وکار کوچک می‌لغزند
- منو و لیست قیمت به‌صورت تصویر. صفحه‌خوان نمی‌تواند متن داخل عکس را بخواند. آن را به‌صورت متن واقعی در صفحه بگذارید، یا به تصویر متن alt بدهید که همان اطلاعات را داشته باشد.
- متن خاکستری روشن روی سفید. کنتراست را با حداقل 4.5:1 برای متن معمولی بسنجید.2
- فرم‌های تماس و رزرو. مطمئن شوید هر فیلد یک برچسب قابل مشاهده دارد و پیام‌های خطا بگویند چه مشکلی پیش آمده.
- اسلایدرها و ویدیوهای خودکار. راهی برای توقف به افراد بدهید و به ویدیو زیرنویس اضافه کنید.
- پاپ‌آپ‌هایی که با صفحه‌کلید بسته نمی‌شوند. بدون ماوس و با Tab در صفحه اصلی حرکت کنید و ببینید جایی گیر می‌کنید یا نه.
پرسش‌های متداول
از کدام نسخه WCAG پیروی کنم؟
WCAG 2.2 جدیدترین نسخه W3C است و محتوایی که با آن مطابقت دارد با 2.1 و 2.0 هم مطابقت دارد.1
آیا یک افزونه overlay دسترس‌پذیری سایتم را درست می‌کند؟
نمی‌توانیم قول بدهیم هیچ ابزاری سایت را دسترس‌پذیر کند. بررسی‌های ساده بالا را انجام دهید و خود صفحات را اصلاح کنید؛ موانع همان‌جا هستند.
اگر از بررسی‌های ساده رد شوم، یعنی سایتم منطبق بر قانون است؟
نه. W3C می‌گوید این بررسی‌ها فقط یک نگاه اولیه‌اند و صفحه‌ای ممکن است از آن‌ها رد شود و همچنان موانع جدی داشته باشد.2
منابع
- W3C Web Accessibility Initiative، WCAG 2 Overview (مروری بر WCAG 2).
- W3C Web Accessibility Initiative، Easy Checks – A First Review of Web Accessibility (بررسی‌های ساده – نگاه اول به دسترس‌پذیری وب).
- U.S. Department of Justice، ADA.gov، Guidance on Web Accessibility and the ADA (راهنمای دسترس‌پذیری وب و ADA).
ادامه مطلب
رزرو تماس مشاوره
می‌خواهید یک نفر دیگر هم سایتتان را ببیند؟ لینک را بفرستید تا با هم مرور کنیم اول چه چیزی را درست می‌کردیم.