دسترسی و اهمیت آن در طراحی وب سایت طراحی سایت و نکات مهمی که باید بدانیم

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

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

البته مشکلات دیگری نیز برای این افراد پیش می آید اما این آیتم ها مهمترین آنها بود. برای افزایش ترافیک خود می‌توانید از ۹ راهکار جالب و کاربردی بهره ببرید. به عنوان مثال‌، درك كردن نحوه خاموش كردن رسانه هنگام استفاده از صفحه خوان ممكن است مشكل باشد‌، در حالي كه ساير سر و صدا ناگهاني كاربران ديگر را به راحتي سردرگم و وحشت زده مي كنند. بنابراین‌، باید از درج عناصری که بدون درخواست قبلی توسط کاربر شروع می‌شوند‌، خودداری کنید. به عنوان مثال‌، شما فقط باید از تگ H1 به عنوان سربرگ در هر صفحه استفاده کند. همچنین هر صفحه سایت می‌تواند با عنوان‌های فرعی نیز شروع شود مثل تگ H2‌، که می‌تواند بعد با H3 تو در تو شود و بعد از آن H4 قرار می‌گیرد.

کاربران با مشکلات دیداری یا نقص‌های رنگ‌بینی باید بتوانند به راحتی بین رنگ‌های مختلف تمایز قائل شوند. در حالی که استفاده از این روش ساده نیست اما به افراد دارای معلولیت کمک می کند تا از آن به همراه سایر روش‌های AT استفاده کرده و به وب دسترسی پیدا کنند. اما با این حال متون هنوز راهی هستند که ما با استفاده از آن وب را می‌سازیم. حتی با وجود آنکه ما محتوای بیشتری را از طریق تصاویر، ویدیوها و صوت منتشر می‌کنیم، متون هنوز بهترین راه برای ایجاد قابلیت دسترسی‌پذیری در محتوای‌مان به حساب می‌آید. تعدادی از مدیران، مشـاوران و پرسـنل کلیدی شـرکت سیگما عضو کمیته فنی اسـتاندارد ISO40500 و(WCAG) می باشند. طبق نمودار سال 2020 یک استثنا به حساب می آید ولی، این آمار دوباره به سمت بالا حرکت خواهد کرد.

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

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

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

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

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

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

بله شما می­‌توانید ابزارهای بسیار تاثیرگذاری را پیدا کنید که به شما کمک کنند تا بدانید می­خواهید چه کار کنید و دسترس‌پذیری وبسایت شما درست است یا نه. با استفاده از Google transcription کاربران دارای معلولیت شنوایی با زیرنویس‌ها می‌توانند محتوا را دریافت کنند و وبسایت رنکینگ بالاتری را به‌دست می‌آورد. معلولان به کمک تکنیکال بالایی نیاز دارند تا به راحتی در یک وبسایت فعالیت کنند. آنها ترجیح می­‌دهند که از کمک صفحه‌نمایش‌خوان (Screen Reader) استفاده کنند. ما باید با استفاده از برچسب‌های پیش‌فرض HTML به کاربران کم‌توان کمک کنیم تا آنها تجربه‌کاربری (user experience) خوبی داشته باشند. می‌توانید انواع نمونه‌کارها و تعرفه (هزینه طراحی سایت) را به صورت بیست و چهار ساعته از طریق سایت مشاهده کنید.

به‌همین منظور باید به‌طور مداوم درحال به‌روزرسانی محصول‌های خود براساس آخرین استانداردها باشید. در زمانی که این مقاله نوشته می‌شود، WCAG 2.1 جدیدترین نسخه از استانداردها است و شما می‌توانید محصول‌های خود را در سه سطح A, AA, AAA با استانداردها مطابقت دهید. A11y را می‌توانیم مخفف شده‌ی کلمه‌ی Accessibility بدانیم که افراد به‌دلیل ۱۱ کلمه میان کلمه‌های a و y، آن را به این شکل مخفف می‌کنند. اول کاربر، بعد زیبایی.محصولی که زیباست اما استفاده از آن سخت است، موفق نمی‌شود. امروز با عضویت در باشگاه دنیایی از الهامات و منابع طراحی را دریافت کنید و حرفه طراحی خود را به سطح بعدی ببرید. به صورت دیداری، فرقی میان تگ های B و Strong وجود ندارد، این حالت برای تگ های I  و Em نیز صدق می کند.

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

امروزه کاربران از دستگاه‌های مختلف مانند موبایل، تبلت و کامپیوتر برای مرور وب استفاده می‌کنند. با توجه به این موضوع وب‌سایت شما باید واکنش گرا ( ریسپانسیو) طراحی شود تا در تمام دستگاه‌ها به‌خوبی نمایش داده شود. با استفاده از این ابزار شما می توانید تصاویر و طراحی های تمام صفحه وب سایت خود را بررسی کنید و مشکلات افراد کور رنگ را ببینید. از سلسله‌مراتب بصری استفاده کنید تا کاربران بتوانند به‌سرعت مهم‌ترین اطلاعات را پیدا کنند. اندازه، رنگ و موقعیت المان‌ها در صفحه می‌توانند به این هدف کمک کنند. استفاده از تحقیقات کاربری، آزمایش‌های A/B و نظرسنجی‌ها می‌تواند به شناسایی نیازهای کاربر و بهبود طراحی کمک کند.

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

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

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

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

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

هنگام اطمینان از دسترسی‌پذیری وب‌سایت خود، بررسی‌کننده‌های آنلاین دسترسی‌پذیری به ابزارهای ارزشمندی برای ارزیابی‌های سریع تبدیل می‌شوند. ابزارهای خودکاری مانند WAVE و Axe Accessibility Checker یک اسکن سریع از صفحات وب‌سایت ارائه می‌دهند و مشکلات احتمالی دسترسی را برجسته می‌کنند. شما با تکیه بر این ابزارها می‌توانید به سرعت مشکلات رایج مربوط به عناوین، متون جایگزین (alt text) و کنتراست رنگ را شناسایی کنید. گرچه طراحی سایت شما برای بهبود دسترسی پذیری سایت بسیار مهم است‌، اما شما باید هنگام ایجاد محتوا تمامی‌ملاحظات ذکر شده را در نظر داشته باشید. یکی از مزایای قابل توجه دسترسی‌پذیری این است که با بهبود تجربه کاربری، نرخ تبدیل کاربران افزایش می‌یابد.

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

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