wcag چیست و چرا باید در طراحی سایت از ان بهره ببریم؟ طراحی سایت اصفهان

A11y را می‌توانیم مخفف شده‌ی کلمه‌ی Accessibility بدانیم که افراد به‌دلیل ۱۱ کلمه میان کلمه‌های a و y، آن را به این شکل مخفف می‌کنند. به صورت دیداری، فرقی میان تگ های B و Strong وجود ندارد، این حالت برای تگ های I  و Em نیز صدق می کند. اما برای افرادی که توانایی مانند بینایی را ندارند، این حالت می تواند بسیار متغیر و کلیدی باشد. یک منبع خوب برای خواندن در رابطه با این موضوعات principles of universal design است. میلاد مهرآرام متخصص UI/UX و مشاور راه اندازی کسب و کارهای آنلاین هستم. معلولیت صرفا به بینایی یا شنوایی محدود نمی شود و باید انواع مختلف ناتوانی یا اختلالات را درک کنید.

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

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

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

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

اجماع عمومی بر این است که در صورت نقض هر یک از این اصول، محتوا برای کاربران و به ویژه افراد دارای معلولیت، در دسترس نخواهد بود. این افزونه بسیار مهم است به این دلیل که افزونه Contact Form 7 در حالت پیشفرض قابلیت دسترسی پذیری خوبی در آن پیاده سازی نشده است. این افزونه مجموعه ای از فرم های انتخابی که قابلیت دسترسی‌پذیری دارند را به قسمت فرم هایتان اضافه می کنند. نکته اینجاست که این افزونه کاری به فرم های از پیش طراحی شده‌تان ندارد، تنها به فرم هایی که در حال ساخت آن هستید، تغییرات را اعمال می کند. برای فرم های موجود شما مجبور هستید که از ابتدا قالب کلی فرم‌تان را طراحی کنید. درست به این دلیل است که پیشنهاد می شود همزمان با نصب افزونه Contact Form 7 این افزونه را نیز نصب کنید.

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

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

سایت‌هایی که بر اساس قواعد WCAG طراحی شده‌اند می‌توانند شرایط مشاهده و درک انواع محتوا را برای همه افراد فراهم سازند. تا اینجا می­دانیم دسترس‌پذیری وبسایت (web accessibility) چیست و چه مزیت هایی در توسعه وبسایت و صنعت طراحی دارد. اکنون باید بدانیم چگونه از آن استفاده کنیم و وبسایتی قابل دسترس برای تمام کاربران ایجاد کنیم. دسترسی‌پذیری یا قابلیت دسترسی یک تفکر در طراحی صفحات وب است که باعث می‌شود یک سایت برای طیف خاصی از افراد در دسترس باشد. به‌صورت کلی دسترسی‌پذیری بدین معنی است که یک وب‌سایت برای هرکسی که از آن بازدید می‌کند قابلیت پیمایش داشته باشد و اطلاعات مورد نظر خود را به‌سرعت به دست آورد.

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

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

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

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

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

وقتی به این مسئله فکر می کنید مطمئنا این افزونه یکی از ساده ترین راه حل ها برای شما خواهد بود. WCAG 2.0 form fields for Gravity Forms ویژگی های کاربر پسند و قابل دسترسی را به فرم های افزونه Gravity Forms اضافه می کند. برای مثال این افزونه می تواند تمام چک باکس ها و Radiobutton ها را در یک فیلدست قرار دهد. وقتی که مشغول استایل دادن به متون‌تان هستید، موضوع مهم دیگری را که باید در نظر بگیرید اندازه و کنتراست متن است. در تصویر زیر می‌توانید دو ستون از متن را با کنتراست بالا و کنتراست پایین مشاهده کنید. وقتی میزان initial-scale و maximum-scale را برابر همدیگر قرار دهید، کاربران قادر نخواهند بود که در وبسایت شما زوم بکنند.

با وجود آنکه توضیحات بالا در رابطه با افرادی که مشکلات دیداری دارند بسیار مفید است اما باید این را در نظر بگیرید که همه افراد به یک سطح این مشکل را ندارند. در این قسمت سعی دارم تا شما را با چندین آیتم و گزینه در این رابطه آشنا سازم. از ابزارهایی مانند WAVE یا Axe برای شناسایی مشکلات استفاده کنید و بازخورد کاربران را جدی بگیرید. برای شروع مسیر ایجاد یک فضای دیجیتالی همگانی‌تر، اجرای استراتژی‌های کلیدی و مهم زیر را برای مقابلۀ موثر با چالش‌های رایج دسترس‌پذیری در نظر داشته باشید. برای مثال، یک فرد نابینا نمی‌داند که در یک صفحه اینترنتی چه نوع محتوایی به کار برده شده است.

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

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

برای مواردی همچون طراحی کپشن ویدیو ها، شما باید به صورت دستی آنها را طراحی کنید. اکثر پلتفرم های ادیت ویدیو به شما اجازه می دهند تا ویدیو های خود را آپلود کنید. Banja در جلسه خود گفت که فونت های دست نویس برای اکثر کاربران آزار دهنده می باشد. •باید امکان بزرگنمایی متن صفحه تا 200%  بدون ایجاد مشکل در نمایش وجود داشته باشد. البته مشکلات دیگری نیز برای این افراد پیش می آید اما این آیتم ها مهمترین آنها بود. به عنوان یک تغییر بسیار ساده می توانید به این فکر کنید که چگونه باید از تگ مربوط به کج کردن متن استفاده کرد.

همچون تعداد زیادی از عوامل متغیر در هنگام ساخت یک وب سایت بر پایه وردپرس، مالک سایت باید مطمئن شود که دسترسی پذیری وردپرس به خوبی ایجاد شده است. از جمله این عوامل متغیر می توان به سئو، سرعت، امنیت و غیره اشاره کرد. البته که وب سایت WordPress.org یک کتاب راهنمای کامل را در این زمینه ایجاد کرده است. از دیگر ابزارهای کاربردی می‌توان به Color Contrast Analyzers اشاره کرد. این ابزارها به طراحان کمک می‌کنند تا مطمئن شوند که تضاد رنگی متن و پس‌زمینه برای کاربران کم‌بینا یا افرادی که با کوررنگی مواجه هستند، مناسب است.

البته که خود وردپرس هم اجباری در استفاده از مباحث مربوط به دسترسی پذیری ایجاد نکرده است. در نتیجه، بیایید راه های دسترسی پذیر کردن وب سایت را با هم مرور کنیم. این موضوع به ایجاد اعتماد، افزایش تعاملات، و در نتیجه افزایش بازدید منجر می‌شود. ابزارهایی مانند Lighthouse و Axe می‌توانند به طراحان کمک کنند تا دسترسی‌پذیری وب‌سایت‌های خود را تست و بهبود بخشند. این ابزارها با بررسی نقاط ضعف طراحی، از جمله کنتراست ناکافی، عدم استفاده از متن جایگزین، یا پیچیدگی در طراحی، بهینه‌سازی‌های لازم را پیشنهاد می‌دهند. گرچه طراحی سایت شما برای بهبود دسترسی پذیری سایت بسیار مهم است‌، اما شما باید هنگام ایجاد محتوا تمامی‌ملاحظات ذکر شده را در نظر داشته باشید.

در نهایت، انتخاب ابزار مناسب بر اساس پیچیدگی محتوای وب و مهارت‌های تیم طراحی ضروری است. به چه شکلی می‌توان ساختار محتوای سایت را بهبود بخشید؟ ایجاد ساختار منطقی و منسجم می‌تواند به کاربران در دسترسی به اطلاعات کمک کند. به‌کارگیری عناوین مناسب برای تقسیم‌بندی محتویات، به ویژه برای افراد با ناتوانی‌های ذهنی، می‌تواند فرایند درک محتوا را ساده‌تر کند. به عبارت ساده، accessibility، توانایی افراد برای دسترسی به بخش های مختلف است. بنابراین "دسترسی پذیری وب" به معنی راهی برای کمک به همه، از جمله افراد ناتوان، برای دسترسی به وب سایت ها و اپلیکیشن‌های تحت وب می‌باشد.

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

در ادامه شما می توانید چند نکته استخراج شده از جلسه WCEU را مشاهده کنید. مشکل این است که راه حل های دسترسی پذیری وردپرس خارجی خیلی بازدهی خوبی را برای ما به همراه ندارند. مشاهده فرم تماس برای همه بازدید کنندگان سخت است چرا که خیلی بد طراحی شده است. با استفاده از پلاگین دسترسی پذیری وردپرس شما می توانید این مشکل را حل کنید. کاربران نابینا یا کم‌بینا برای درک محتوای وبسایت به ابزارهایی مانند صفحه‌خوان‌ها وابسته‌اند. از چالش‌های رایج برای این افراد می‌توان به عدم وجود متن جایگزین برای تصاویر و کنتراست پایین رنگ‌ها اشاره کرد.

مفهوم "دسترسی‌ پذیری" یا Accessibility در طراحی وبسایت دقیقاً در اینجا اهمیت پیدا می‌کند. این مفهوم به مجموعه‌ای از اصول و تکنیک‌ها اطلاق می‌شود که به طراحان و توسعه‌دهندگان کمک می‌کند تا... طراحی‌ها باید با استانداردهای بین‌المللی مانند WCAG (Web Content Accessibility Guidelines) سازگار باشند. این استانداردها مجموعه‌ای از توصیه‌ها و اصول را ارائه می‌دهند که به طراحان کمک می‌کند تا مطمئن شوند وب‌سایت‌های آن‌ها دسترسی‌پذیرتر هستند. هر کاربری باید بتواند بدون محدودیت‌های فیزیکی یا ذهنی از یک وب‌سایت یا محصول دیجیتال استفاده کند.

ذخیره نام، ایمیل و وبسایت من در مرورگر برای زمانی که دوباره دیدگاهی می‌نویسم. در صورت سفارش طراحی سایت و برای اطلاع از قیمت طراحی سایت در اصفهان می توانید با شماره های درج شده بر روی سایت با مشاورین ما در تماس باشید. این ناتوانی ها بر میزان درک و پردازش اطلاعات توسط افراد تأثیر می گذارد. به ناتوانی در گفتار اشاره دارد که توسط افراد خاص یا نرم افزار قابل تشخیص باشد. مثلاً اگه یکی نمی‌تونه از ماوس استفاده کنه، باید بتونه با دکمه Tab لینک‌ها و فرم‌ها رو پیدا کنه. این کار نه‌تنها برای ناشنواها مفیده، بلکه به درد کسایی می‌خوره که تو محیط شلوغ هستن یا حتی کسایی که صدا رو خاموش کردن.

این یک افزونه است که به طور خاص بر روی قابلیت دسترسی متمرکز است‌، کار شما را بسیار راحت تر می‌کند. WP User Stylesheet Switcher لزوما یک در دسته افزونه های بالا بردن قابلیت دسترسی‌پذیری قرار نمی گیرد اما با این وجود می توان از آن در راهی برای بهبود شرایط دسترسی استفاده کرد. برای مثال اگر مشکل شما اضافه کردن یک لایه دیگر مثل لایه صرفا متنی یا Text-only به وبسایت است، این افزونه می تواند همکار بسیار خوبی باشد. WA11y بین وبسایت شما و ابزارهایی که میزان دسترسی پذیری وبسایت شما را بررسی می کنند، ارتباط برقرار می کند. اولین ابزار این افزونه tota11y است که از طرف Khan Academy توسعه داده شده است.