رعایت WCAG – هر آنچه که باید بدانید
منتشر شده در 9 فوریه 2021
وبسایت شما باید به تمامی افراد، با هر نوع achtergrond، دسترسی داشته باشد. به همین خاطر، توجه به قابلیت دسترسی وبسایت یک نکته حیاتی است.
اگر می‌خواهید وب‌سایت‌تان برای همه قابل استفاده باشد، ضروری است آن را به گونه‌ای طراحی کنید که برای تمام کاربران مناسب باشد. با توجه به این که 1 نفر از هر 5 نفر در انگلیس دچار ناتوانی یا بیماری طولانی‌مدت است، عدم توجه به این موضوع ممکن است منجر به از دست دادن بخشی از بازار قابل توجهی گردد.
ناتوانی‌هایی نظیر اختلال شنوایی یا بینایی و همچنین مشکلات حرکتی، می‌توانند استفاده از وب‌سایت‌ها را برای برخی کاربران دشوار سازند. دسترسی‌پذیری وب (Web Accessibility) به معنای این است که وب‌سایت‌ها باید به گونه‌ای طراحی شوند که افرادی با چنین ناتوانی‌هایی بتوانند به راحتی از آنها استفاده کنند.
این تلاش نه تنها به بهبود شرایط زندگی افراد دارای ناتوانی کمک می‌کند و جامعه بزرگ‌تری از مشتریان را شامل می‌شود، بلکه در بسیاری از موارد مسئولیت‌های قانونی نیز به همراه دارد که وبسایت شما باید به آنها پایبند باشد. از این‌رو، رعایت استانداردهای خاص در زمینه دسترسی‌پذیری وب برای کسب‌وکار شما از اهمیت بالایی برخوردار است.
برای تضمین این که وبسایت شما مطابق با قوانین عمل می‌کند و تجربه کاربری مثبت برای بازدیدکنندگان فراهم می‌آورد، ملزم به پیروی از دستورالعمل‌های دسترسی‌پذیری محتوا (WCAG) هستید.
فهرست مطالب:
- WCAG چیست؟
- رعایت WCAG چیست؟
- الزامات WCAG 2.1 A
- الزامات WCAG 2.1 AA
- چک‌لیست دسترسی‌پذیری وبسایت رایگان
WCAG چیست؟
دستورالعمل‌های دسترسی‌پذیری محتوا (WCAG) یک استاندارد بین‌المللی برای ارزیابی دسترسی‌پذیری وب‌سایت‌ها محسوب می‌شود. آخرین نسخه، WCAG 2.1، به عنوان یک قانون در انگلیس به رسمیت شناخته شده است.
این استاندارد شامل سه سطح ارزیابی است: A، AA و AAA. توضیحات مربوط به این سطوح به شکل زیر است:
- سطح A – این سطح مسائل پایه‌ای دسترسی را شامل می‌شود که باید در وبسایت شما بهبود یابد. پیروی از این الزامات اولیه، وبسایت شما را برای برخی کاربران قابل استفاده می‌کند.
- سطح AA – این سطح به مسائل مهم‌تر دسترسی اشاره دارد که اصلاح آنها موجب می‌شود وبسایت شما برای تقریباً تمامی کاربران قابل دسترسی گردد.
- سطح AAA – این سطح، استاندارد طلایی رعایت WCAG است و شامل موارد بیشتری در حوزه دسترسی‌پذیری می‌باشد. وبسایت شما را برای همه کاربران قابل دسترسی می‌کند، با این حال، رعایت کامل آن بسیار نادر است و جزو مسائلی است که دستیابی به آن دشوار می‌باشد.
سطح رعایت مورد نیاز برای وبسایت شما بسته به حوزه فعالیت‌تان متفاوت است.
از سپتامبر 2020، همه وب‌سایت‌های بخش عمومی در انگلیس موظف به رعایت استانداردهای WCAG 2.1 AA هستند. هدف از این مقررات، اطمینان از دسترسی به خدمات و اطلاعات ارائه شده توسط سازمان‌های دولتی — مانند وب‌سایت‌های شورا یا دانشگاه‌ها — برای تمامی افراد است، با رعایت استانداردهای خاص دسترسی.
در بخش خصوصی، دسترسی‌پذیری وبسایت شما تحت قانون برابری 2010 قرار دارد. این قانون از وب‌سایت‌های تجاری می‌خواهد که «تعدیلات معقولی» را انجام دهند تا دسترسی آنها برای افراد با ناتوانی فراهم باشد. راهنماهای مربوط به این موضوع مشخص نمی‌کنند که چه اقداماتی دقیقاً لازم است، اما رعایت استانداردهای WCAG 2.1 A ضروری است و تلاش برای رسیدن به سطح AA یک روش منطقی به نظر می‌رسد.
چگونه می‌توانید رعایت کنید؟
عوامل متعددی در دسترسی‌پذیری وبسایت شما نقش دارند — از محتوا و طراحی سایت گرفته تا نحوه عملکرد آن در پس‌زمینه.
طراح وبسایت شما باید تعدادی از این الزامات را در طراحی وبسایت شما پیاده‌سازی کرده باشد تا اطمینان حاصل شود که به طور خودکار با دستورالعمل‌های مورد نظر تناسب دارد. به همین دلیل، ارزش دارد که با آنها چک کنید و مطلع شوید چه اقداماتی صورت گرفته و کدام بخش‌ها هنوز نیاز به توجه دارند.
در شرکت پارس اینترفیس، ما تضمین می‌کنیم که تمامی وب‌سایت‌هایی که توسعه می‌دهیم، از همان ابتدا با دسترسی‌پذیری سازگار باشند. این بدان معناست که وبسایت شما حتی در حال حاضر با بسیاری از الزامات مطابقت دارد. با این حال، درخصوص بعضی از اقدام‌های خاص مرتبط با محتوا، لازم است اطمینان حاصل کنید که وقتی وبسایت خود را ویرایش می‌کنید، تمام محتوای شما به الزامات دسترسی‌پذیری توجه دارد.
در ادامه، شما با دستورالعمل‌هایی برای سطوح WCAG A و AA آشنا خواهید شد و همچنین یک چک‌لیست قابل دانلود را خواهید یافت که می‌توانید از آن بهره‌برداری کنید. این ابزار به شما کمک می‌کند تا وبسایت خود را بررسی کنید و از این اطمینان حاصل کنید که تمامی تغییرات لازم را برای مقید بودن به مقررات بین‌المللی و بهبود تجربه بازدیدکنندگان خود انجام داده‌اید.
WCAG 2.1 A – الزامات و معنا برای وبسایت شما:
- محتوای غیر متنی – برای افرادی با اختلال بینایی، تصاویر ممکن است قابل دسترسی نباشند. بنابراین، برای هر تصویر، اطلاعات و عملکردی که نمایش داده می‌شود باید با متن جایگزین مشخص گردد.
- نکته وبسایت پارس اینترفیس: شما می‌توانید متن جایگزین برای تصاویر (که به آن متن جایگزین نیز گفته می‌شود) را با استفاده از دکمه جایگزین متنی در نوار ابزار ویرایش تصویر تعیین کنید.
- محتوای فقط صوتی و فقط ویدئویی – منابع فقط صوتی برای افرادی با اختلال شنوایی ممکن است قابل درک نباشد، بنابراین باید یک نسخه مکتوب هم‌راستا ارائه شود.
- رسانه فقط ویدئویی ممکن است برای افرادی با اختلال بینایی قابل دسترسی نباشد، به همین دلیل باید توضیحات صوتی یا متنی ارائه گردد.
- زیرنویس – رسانه‌ای که شامل هم صدا و هم ویدئو است ممکن است برای افرادی با اختلال شنوایی قابل دسترسی نباشد، بنابراین به تمامی ویدئوهایی که دارای صدا هستند، باید زیرنویس افزوده شود.
- نکته وبسایت پارس اینترفیس: هر دو YouTube و Vimeo این قابلیت را ارائه می‌دهند، بنابراین افزودن زیرنویس به ویدئوهای وبسایت شما بسیار آسان است.
- توصیف صوتی یا جایگزین رسانه – رسانه‌ها شامل صدا و ویدئو ممکن است برای افرادی با اختلال بینایی قابل استفاده نباشند، لذا باید توضیحات صوتی یا یک نسخه مکتوب ارائه گردد.
- اطلاعات و روابط – اطلاعات موجود در وبسایت شما باید برای همه به راحتی قابل درک باشد، حتی برای کسانی که قادر به مشاهده صفحه نیستند. وبسایت شما باید دارای ساختار منطقی و با HTML معتبر باشد.
- نکته وبسایت پارس اینترفیس: ما این مورد را برای شما انجام داده‌ایم – نیازی به اقدام از جانب شما نیست!
فهرست مطالب
- توالی معنادار
- ویژگی‌های حسی
- استفاده از رنگ
- کنترل صدا
- کیبورد
- تله کیبورد
- میانبرهای کلید کاراکتر
- تنظیم‌های زمان
- مکث، توقف، پنهان‌سازی
- سه بار چشمک یا کمتر
- عبور از بلوک‌ها
- عنوان صفحه
- ترتیب تمرکز
- هدف لینک در متن
- حرکت با اشاره‌گر
- لغو اشارات
- برچسب در نام
- عملکرد حرکتی
- زبان صفحه
- در زمان تمرکز
- نکات وبسایت پارس اینترفیس
- عنوان‌ها و برچسب‌ها
- برچسب‌های میدان‌های فرم
- قابل مشاهده بودن تمرکز
- زبان بخش‌ها
- ناوبری یکسان
- شناسایی یکسان
- پیشنهادات خطا
- پیشگیری از خطا
- پیام‌های وضعیت
- همکاری با طراح وب
- نگهداری دوره‌ای از دسترسی
- سرویس‌های طراحی وب
- پرسش‌های متداول
توالی معنادار
شما باید اطلاعات موجود در وبسایت خود را به‌صورتی منطقی و خوانا ارائه دهید، بدون اینکه نیاز باشد به طرح بصری خاصی برای درک آن تکیه کنید. استفاده از HTML معتبر، سرعنوان‌ها و فهرست‌ها اهمیت بالایی دارد.
نکته وبسایت پارس اینترفیس: ما این مورد را برای شما انجام داده‌ایم – نیازی به انجام کاری نخواهید داشت!
ویژگی‌های حسی
بازدیدکنندگانی که با مشکلات بینایی مواجه هستند، ممکن است از شکل، رنگ، اندازه یا موقعیت محتوای شما آگاه نباشند. بنابراین، باید از اشاره به این ویژگی‌ها به‌عنوان تنها راه شناسایی بخش‌های سایت پرهیز کنید.
به‌عنوان مثال، به‌جای گفتن «روی دکمه سبز کلیک کنید»، می‌توانید بگویید «روی دکمه ادامه کلیک کنید».
استفاده از رنگ
افراد دارای مشکلات بینایی ممکن است رنگ‌های عناصر محتوای شما را تشخیص ندهند، ازاین‌رو نباید صرفاً به رنگ برای انتقال اطلاعات اتکا کنید.
برای نمونه، اگر لیستی از رویدادهای آینده دارید و از رنگ سبز برای نشان‌دادن رویدادهای خالی و رنگ قرمز برای رویدادهای به پایان رسیده استفاده می‌کنید، بهتر است عبارت «(تمام شده)» را به انتهای رویدادهای مذکور اضافه کنید.
کنترل صدا
پخش خودکار صدا می‌تواند مانع از تمرکز خوانندگان روی متن شود و متنی که به‌صورت گفتاری پخش می‌شود را مختل کند. بازدیدکنندگان باید بتوانند صدا را متوقف یا کنترل کنند.
نکته وبسایت پارس اینترفیس: ما این مورد را برای شما انجام داده‌ایم – نیازی به انجام کاری نخواهید داشت!
کیبورد
کاربران وبسایت شما باید توانایی استفاده از کنترل‌های استاندارد کیبورد را داشته باشند – مثلاً با استفاده از کلیدهای پیکان برای حرکت در ناوبری سایت، کلید Escape برای بستن زیرمنوها و کلید Enter برای دنبال کردن لینک‌ها در منوها.
نکته وبسایت پارس اینترفیس: ما این مورد را برای شما انجام داده‌ایم – نیازی به انجام کاری نخواهید داشت!
تله کیبورد
مهم است که بازدیدکنندگان بتوانند بدون اینکه در یک بخش خاص از صفحه گیر بیفتند، با استفاده از کیبورد به راحتی در وبسایت شما ناوبری کنند.
نکته وبسایت پارس اینترفیس: ما این مورد را برای شما انجام داده‌ایم – نیازی به انجام کاری نخواهید داشت!
میانبرهای کلید کاراکتر
استفاده از میانبرهای کلید کاراکتر تکی به هیچ وجه توصیه نمی‌شود – یا باید قابلیت غیرفعال شدن داشته باشند.
نکته وبسایت پارس اینترفیس: ما این مورد را برای شما انجام داده‌ایم – نیازی به انجام کاری نخواهید داشت!
تنظیم‌های زمان
بازدیدکنندگان باید امکان غیرفعال یا تنظیم هر گونه محدودیت زمانی یا محتوای وابسته به زمان را داشته باشند.
نکته وبسایت پارس اینترفیس: ما این مورد را برای شما انجام داده‌ایم – نیازی به انجام کاری نخواهید داشت!
مکث، توقف، پنهان‌سازی
اجازه دهید بازدیدکنندگان بتوانند هر محتوای متحرک، چشمک‌زن یا به‌صورت خودکار بروزرسانی‌شده در صفحه را مکث، توقف یا پنهان کنند، چراکه این مسأله می‌تواند برای افرادی که مشکلات بینایی دارند، آزاردهنده باشد.
نکته وبسایت پارس اینترفیس: ما این مورد را برای شما انجام داده‌ایم – نیازی به انجام کاری نخواهید داشت!
سه بار چشمک یا کمتر
چشمک‌زن‌های سریع می‌توانند باعث تشنج در افرادی با اختلالات حساس به نور مانند صرع حساس به نور شوند. لذا لازم است اطمینان حاصل کنید که هیچ ویدیویی که در سایت خود قرار می‌دهید، بیشتر از سه بار در هر ثانیه چشمک نمی‌زند.
عبور از بلوک‌ها
بازدیدکنندگانی که از خوانندگان صفحه استفاده می‌کنند باید توانایی رد کردن محتوای تکراری در هر صفحه، مانند منوهای ناوبری، را داشته باشند و به محتوای اصلی منتقل شوند. ارائه یک لینک «پرش به محتوا» بسیار مهم است.
نکته وبسایت پارس اینترفیس: ما این مورد را برای شما انجام داده‌ایم – نیازی به انجام کاری نخواهید داشت!
عنوان صفحه
عنوان‌های مناسب به بازدیدکنندگان کمک می‌کند تا به آسانی محتوا را پیدا کرده و در وبسایت راهبری کنند. بنابراین، ضروری است که برای هر صفحه یک عنوان توصیفی ارائه دهید.
نکته وبسایت پارس اینترفیس: می‌توانید عنوان صفحه را در پنجره جزئیات صفحه تنظیم کنید.
ترتیب تمرکز
کاربران که از کیبورد برای دسترسی به وبسایت شما استفاده می‌کنند باید بتوانند به‌طور منطقی و در قالبی روان، محتوا را مرور کنند.
نکته وبسایت پارس اینترفیس: ما این مورد را برای شما انجام داده‌ایم – نیازی به انجام کاری نخواهید داشت!
هدف لینک در متن
لینک‌های نامفهوم می‌توانند برای بازدیدکنندگان، به‌ویژه کسانی که از نرم‌افزارهای کمکی استفاده می‌کنند و ممکن است محتوای پیشین را رد کرده باشند، گیج‌کننده باشند. بنابراین، هدف هر لینکی باید به‌وضوح از متن آن مشخص باشد.
بهترین حالت این است که متن لینک خود به تنهایی نیز معنا داشته باشد (مثل «گزارش پایداری ما را بخوانید»)، اما این نیاز می‌تواند با ارائه زمینه لازم در جمله‌ای که لینک را شامل می‌شود نیز برآورده شود (مثلاً «ما گزارش پایداری خود را منتشر کرده‌ایم – اینجا بخوانید»، که در اینجا «اینجا بخوانید» لینک است).
حرکت با اشاره‌گر
اگر وبسایت شما قابلیت لمسی دارد، کاربران باید بتوانند عملیات را با استفاده از فناوری‌های کمکی یا تنها با یک انگشت انجام دهند.
نکته وبسایت پارس اینترفیس: ما این مورد را برای شما انجام داده‌ایم – نیازی به انجام کاری نخواهید داشت!
لغو اشارات
در صورتی که وبسایت شما شامل قابلیت لمسی باشد، کاربران باید بتوانند هر اقدام ناخواسته را به راحتی لغو کنند.
نکته وبسایت پارس اینترفیس: ما این مورد را برای شما انجام داده‌ایم – نیازی به انجام کاری نخواهید داشت!
برچسب در نام
هر بخشی از وبسایت که دارای برچسب است، مانند فیلدهای فرم، باید دارای همان واژه‌ای باشد که در کد وبسایت به آن اشاره شده است، تا در متن نمایشی برچسب درستی دیده شود. این امر به فناوری‌های کمکی کمک می‌کند تا بخش‌ها و اهداف آنها را به درستی شناسایی کنند.
نکته وبسایت پارس اینترفیس: ما این مورد را برای شما انجام داده‌ایم – نیازی به انجام کاری نخواهید داشت!
عملکرد حرکتی
عملکردهای وبسایت که با حرکت یا اشاره به دستگاه فعال می‌شوند باید به روش‌های ورودی دیگری، مانند دکمه‌ها، نیز همراه باشند.
نکته وبسایت پارس اینترفیس: ما این مورد را برای شما انجام داده‌ایم – نیازی به انجام کاری نخواهید داشت!
زبان صفحه
زبان محتوای وبسایت شما باید به‌وضوح در HTML مشخص شود تا خوانندگان بتوانند از تلفظ صحیح هنگام خواندن متن به‌صورت صوتی بهره‌مند شوند.
نکته وبسایت پارس اینترفیس: ما این مورد را برای شما انجام داده‌ایم – نیازی به انجام کاری نخواهید داشت!
در زمان تمرکز
در وبسایت شما، هیچ اقدام غیرمنتظره‌ای نباید رخ دهد – نظیر ارسال خودکار فرم – زمانی که یک عنصر خاص تمرکز کیبورد را دریافت می‌کند. به‌عبارت دیگر، اقدام کاربری نظیر کلیک ماوس باید برای شکل‌گیری هر پاسخ ضروری باشد.
نکات وبسایت پارس اینترفیس
ما این مسئله را برای شما حل کرده‌ایم – نیازی به انجام هیچ کاری ندارید!
ورودی
باید اطمینان حاصل شود که هیچ اقدام غیرمنتظره‌ای، مانند باز شدن یک پنجره جدید، هنگام تعامل بازدیدکنندگان با عناصر صفحات رخ ندهد. به عنوان مثال، ورود متن به یک فرم یا انتخاب آیتمی از منوی کشویی نباید موجب بروز اختلال شود.
شناسایی خطا
برای هرگونه خطای ورودی، بایستی توضیحات روشنی به همراه دستورالعمل‌هایی برای اصلاح این خطاها ارائه شود؛ برای مثال، عدم پر کردن صحیح یک فرم می‌تواند به کاربر یادآوری شود.
برچسب‌ها یا دستورالعمل‌ها
هر بخشی از وبسایت شما که نیاز به ورودی دارد، مانند یک فرم، باید به‌وضوح برچسب‌گذاری شده و یا دارای دستورالعمل‌های کاربردی باشد تا به بازدیدکنندگان در پرکردن صحیح آن کمک کند.
ما این مورد را برای شما انجام داده‌ایم – تنها به یاد داشته باشید که برچسب‌های اطلاعاتی را به هر فرم جدیدی که در سایت خود ایجاد می‌کنید اضافه کنید تا اطمینان حاصل نمایید که این موارد همچنان با استانداردهای موجود سازگار هستند.
تحلیل
نباید در وبسایت شما هیچ خطای کدهای بزرگ وجود داشته باشد. استفاده از HTML معتبر موجب می‌شود که هم خوانندگان صفحه و هم مرورگرها بتوانند به سرعت و با دقت محتوای سایت را ارائه دهند.
ما این مورد را برای شما انجام داده‌ایم – نیازی به انجام هیچ کاری ندارید!
نام، نقش، ارزش
تمام مؤلفه‌های وبسایت شما باید با تکنولوژی‌های کمکی، مانند خوانندگان صفحه، سازگار باشند تا نام، ارزش و نقش هر عنصر به‌راحتی قابل درک باشد.
ما این مورد را برای شما انجام داده‌ایم – نیازی به انجام هیچ کاری ندارید!
WCAG 2.1 AA
الزامات و تأثیر آنها بر وبسایت شما:
- زیرنویس برای ویدیوهای زنده: رسانه‌های شامل صدا و تصویر ممکن است برای افرادی با اختلال شنوایی نارسا باشد؛ بنابراین، پیشنهاد می‌شود زیرنویس را به هر ضبط زنده با صدا اضافه کنید.
- توضیحات صوتی: رسانه‌های شامل صدا و تصویر ممکن است برای افرادی با اختلال بینایی قابل دسترسی نباشند، بنابراین ارائه توضیحات صوتی ضروری است.
- به خاطر داشته باشید که نه YouTube و نه Vimeo امکان افزودن توضیحات صوتی اختیاری به ویدیوها را ندارند، لذا تهیه یک نسخه جداگانه با توضیحات صوتی از اهمیت ویژه‌ای برخوردار است.
- جهت‌گیری: وبسایت شما نباید به یک جهت نمایش واحد، مانند عمودی یا افقی، محدود شود. داشتن وبسایتی سازگار با موبایل این مشکل را حل می‌کند، چرا که سایت شما به‌طور خودکار با جهتی که دستگاه در آن مشاهده می‌شود سازگار خواهد شد.
ما این مورد را برای شما انجام داده‌ایم – نیازی به انجام هیچ کاری ندارید!
شناسایی هدف ورودی
برچسب‌های فیلدهای فرم برای نرم‌افزارهای کمکی به‌طور خاص معنایی ندارند، بنابراین فرمت مورد انتظار بایستی به گونه‌ای مشخص شود که نرم‌افزار بتواند آن را درک کند و کاربران بدانند چه اطلاعاتی را باید وارد کنند.
ما این مورد را برای شما انجام داده‌ایم – کافیست فرمت مناسب را در مؤلفه فیلد تنظیم کنید. به این ترتیب، نه تنها فرمت مورد انتظار به‌خوبی مشخص خواهد شد، بلکه مرورگرها و نرم‌افزارهای کمکی نیز می‌توانند به‌طور خودکار مقادیر مناسب را پر کنند.
کنتراست
متن‌هایی که کنتراست پایینی نسبت به پس‌زمینه دارند، می‌توانند خواندن را دشوار سازند، به‌ویژه برای بازدیدکنندگانی که اختلال بینایی دارند. بنابراین، لازم است شرایطی فراهم شود که متن با کنتراست کافی قابل دیدن باشد. نسبت کنتراست ۴.۵:۱ برای متن‌های زیر ۲۴ پیکسل و ۳:۱ برای متن‌های بزرگ‌تر باید رعایت شود. می‌توانید با استفاده از ابزارهای مناسب، نسبت کنتراست رنگ‌ها را مورد بررسی قرار دهید.
ما این مورد را برای شما انجام داده‌ایم – نیازی به انجام هیچ کاری ندارید!
تغییر اندازه متن
متن در وبسایت شما باید قابلیت بزرگ شدن تا ۲۰۰٪ بدون نیاز به نرم‌افزار کمکی را داشته باشد.
ما این مورد را برای شما انجام داده‌ایم – نیازی به انجام هیچ کاری ندارید!
تصاویر متنی
متنی که در یک تصویر وجود دارد ممکن است خواندن آن دشوار باشد و نمی‌تواند توسط بازدیدکننده تنظیم شود. بنابراین، این روش نباید مورد استفاده قرار گیرد، به جز در مواردی همچون لوگوها یا بخش‌هایی که ارائه خاصی از اهمیت ویژه‌ای برخوردار است، مانند عکسی از محصول که متن بر روی آن چاپ شده است.
شما می‌توانید از مؤلفه پس‌زمینه و مؤلفه متن بر روی تصویر برای تایپ متن واقعی بر روی یک تصویر استفاده کنید.
ری‌فلو
وبسایت شما باید پاسخگو باشد – بدین معنی که قادر باشد به تمامی دستگاه‌ها و اندازه‌های صفحه نمایش سازگار شود.
ما این مورد را برای شما انجام داده‌ایم – نیازی به انجام هیچ کاری ندارید!
کنتراست غیرمتنی
آیکون‌ها و نمودارهایی که کنتراست پایینی بین اجزای خود دارند، ممکن است برای بازدیدکنندگانی که اختلال بینایی دارند سخت‌فهم باشند. بنابراین باید اطمینان حاصل کنید که بخش‌هایی که باید از یکدیگر متمایز شوند، نسبت کنتراست ۳:۱ را رعایت کنند. این به این معناست که درخشایی رنگ‌های مجاور باید به‌قدری متفاوت باشد که امکان تفکیک آنها وجود داشته باشد.
فاصله متنی
تنظیمات متن در وبسایت شما باید بتوانند به‌راحتی توسط بازدیدکنندگانی که تمایل به بهبود تجربه خواندن خود دارند، جایگزین شوند.
ما این مورد را برای شما انجام داده‌ایم – نیازی به انجام هیچ کاری ندارید!
محتوا در حین هاور یا تمرکز
هر محتوای وبسایت که در حین هاور ماوس یا تمرکز بر روی آن به نمایش درمی‌آید، باید قابلیت رد شدن، هاور شدن، و پایدار ماندن را داشته باشد. به عبارت دیگر، این محتوا باید به راحتی بسته شود، امکان حرکت بر روی آن بدون ناپدید شدن فراهم شود و تا زمان بسته شدن قابل مشاهده باقی بماند.
ما این مورد را برای شما انجام داده‌ایم – نیازی به انجام هیچ کاری ندارید!
راه‌های متعدد
سایت شما باید شامل ناوبری در هر صفحه باشد، ولی برخی از بازدیدکنندگان، به‌ویژه کسانی که اختلالات شناختی دارند، ممکن است با روش‌های دیگر برای یافتن صفحات راحت‌تر باشند. بنابراین، بهتر است حداقل یک جایگزین ارائه دهید.
جایگزین‌های ممکن شامل لینک‌هایی در هر صفحه به صفحات مرتبط دیگر، یک ویژگی جستجو، یا صفحه نقشه سایت با لیستی از همه صفحات موجود در سایت می‌باشد.
ما این مورد را برای شما انجام داده‌ایم – به هنگام ایجاد وبسایت شما لینک‌هایی به صفحات مرتبط افزوده‌ایم، بنابراین می‌توانید با ادامه این رویه در هر صفحه‌ای که به سایت خود اضافه می‌کنید، این الزام را برآورده سازید.
عنوان‌ها و برچسب‌ها
عنوان‌ها به بازدیدکنندگان کمک می‌کنند تا ساختار محتوا را بهتر درک کنند. به همین دلیل، لازم است که به‌طور دقیق نمایانگر موضوع اصلی محتوا باشند.
برچسب‌های میدان‌های فرم
برچسب‌های میدان‌های فرم وظیفه دارند تا بازدیدکنندگان را راهنمایی کنند و هدف هر میدان را روشن کنند. بنابراین، باید به‌طور واضح توضیح دهند که از بازدیدکننده چه اطلاعاتی انتظار می‌رود.
قابل مشاهده بودن تمرکز
تمرکز صفحه‌کلید باید به وضوح نمایان باشد تا مشخص کند کدام بخش از وبسایت در حال حاضر توسط کاربر انتخاب شده است.
نکته وبسایت پارس اینترفیس: ما این موضوع را برای شما حل کرده‌ایم – نیازی به انجام کار اضافی نیست!
زبان بخش‌ها
هرگاه زبانی غیر از زبان پیش‌فرض در وبسایت شما به کار رفته باشد، بهتر است که آن را با استفاده از HTML صحیح مشخص نمایید.
نکته وبسایت پارس اینترفیس: ما این موضوع را برای شما حل کرده‌ایم – نیازی به انجام کار اضافی نیست!
ناوبری یکسان
منوی ناوبری باید در تمام صفحات وبسایت شما در یک مکان و ترتیب مشابه ظاهر شود تا تجربه کاربری بهتری ایجاد کند.
نکته وبسایت پارس اینترفیس: ما این موضوع را برای شما حل کرده‌ایم – نیازی به انجام کار اضافی نیست!
شناسایی یکسان
عدم هماهنگی در اصطلاحات می‌تواند فهم وبسایت را پیچیده کند. بنابراین، لازم است که برای عملکردهای مشابه از زبان یکسان استفاده شود.
برای مثال، اگر یکی از لینک‌ها با برچسب «دانلود گزارش پایایی» و دیگری با «خواندن گزارش سالانه» مشخص شود، ممکن است کاربران دچار سردرگمی شوند، زیرا یکی با «دانلود» آغاز می‌شود و دیگری با «خواندن». تغییر هر دو لینک به یک عنوان مشابه به مثلاً «دانلود» یا «خواندن» می‌تواند به وضوح بیشتری برای بازدیدکنندگان کمک کند تا بدانند از لینک‌های مختلف چه انتظاراتی باید داشته باشند.
پیشنهادات خطا
زمانی که یک بازدیدکننده در وبسایت شما خطایی در ورودی ایجاد می‌کند، ضروری است که پیشنهاداتی برای اصلاح آن ارائه دهید، مانند راهنمایی برای وارد کردن یک مقدار در یک میدان فرم ضروری.
نکته وبسایت پارس اینترفیس: ما این موضوع را برای شما حل کرده‌ایم – نیازی به انجام کار اضافی نیست!
پیشگیری از خطا
اشتباهات هنگام پر کردن فرم‌ها ممکن است به عواقب جدی منجر شود، به ویژه در زمینه تعهدات قانونی یا معاملات مالی. بنابراین، وجود تأییدیه اضافی یا قابلیت لغو عملی که انجام شده است، بسیار مهم است.
نکته وبسایت پارس اینترفیس: می‌توانید از مؤلفه تأییدیه برای افزودن تأییدیه‌های اضافی در انتهای فرم استفاده کنید.
پیام‌های وضعیت
هنگامی که عملی در وبسایت شما انجام می‌شود، وضعیت آن عمل—چه موفقیت، چه شکست—باید به‌طور بصری نمایش داده شود. این پیام همچنین باید با فناوری‌های کمکی، مانند خوانندگان صفحه، سازگار باشد.
نکته وبسایت پارس اینترفیس: ما این موضوع را برای شما حل کرده‌ایم – نیازی به انجام کار اضافی نیست!
همکاری با طراح وب
کار کردن نزدیک با طراح وب خود و توجه به محتوایی که به وبسایت اضافه می‌کنید، به شما در رعایت کامل استاندارد WCAG تا سطح AA کمک خواهد کرد. برای مشاهده فهرست نیازمندی‌های سطح AAA، لطفاً راهنمای کامل WCAG را اینجا ببینید.
جهت کمک به شما در پیگیری نیازها و اطمینان از اجرای آنها در وبسایت، ما یک چک‌لیست فراهم کرده‌ایم که می‌توانید از پایین دانلود کنید. برای تمامی مشتریان پارس اینترفیس، ما مواردی را که قبلاً در وبسایت شما پیاده‌سازی شده است بررسی و علامت‌گذاری نموده‌ایم تا ببینید چه کارهایی باقی مانده است.
دانلود چک‌لیست WCAG رایگان
نگهداری دوره‌ای از دسترسی
همچنین توصیه می‌شود که به‌طور منظم وبسایت خود را بررسی کنید تا از ادامه دسترسی‌پذیری آن مطمئن شوید، به‌ویژه هنگامی که محتواهای جدید اضافه می‌کنید.
سرویس‌های طراحی وب
اگر به دنبال وبسایتی هستید که بتواند به شما در رعایت استانداردهای WCAG کمک کند، تیم مجرب ما در اینجا برای یاری شما آماده است. ما خدمات طراحی وب حرفه‌ای، مقرون به صرفه و بدون دردسر را برای کسب‌وکارها از هر صنعتی ارائه می‌دهیم و دسترسی وب را به عنوان یکی از اصول‌مان در نظر می‌گیریم. ما الزامات کلیدی را برای شما حل خواهیم کرد تا در زمان بررسی استانداردهای دسترسی وبسایت خود، کمتر نگران باشید.
اگر می‌خواهید بیشتر بدانید که پارس اینترفیس چه خدماتی ارائه می‌دهد، امروز با ما تماس بگیرید.
پرسش‌های متداول
WCAG چیست؟
WCAG یا دستورالعمل‌های دسترسی‌پذیری محتوا، یک استاندارد بین‌المللی برای سنجش دسترسی‌پذیری وب‌سایت‌ها است.
چرا رعایت استانداردهای دسترسی ضروری است؟
رعایت این استانداردها برای اطمینان از دسترسی به خدمات و اطلاعات برای افراد با ناتوانی ضروری است و همچنین می‌تواند به کسب‌وکارها کمک کند تا بازار وسیع‌تری را پوشش دهند.
الزامات WCAG 2.1 A شامل چه مواردی است؟
این الزامات شامل توجه به محتوای غیر متنی، ارائه زیرنویس و توضیحات صوتی برای رسانه‌های مختلف می‌باشد.
منبع: itseeze.com
