بهبود دسترسی کاربران کم بینا یکی از چالش های پیش روی طراحان سایت وردپرسی می باشد. وردپرس یکی از محبوب‌ترین سیستم‌های مدیریت محتوا است که در حال حاضر بیش از 43 درصد سایت ها آن را به کار می گیرند. متاسفانه اکثر سایت ها با دستورالعمل های ADA (حمایت از حقوق معلولان و جلوگیری از تبعیض علیه آنها) سازگار نیستند و این امر سبب ایجاد چالش های زیادی برای افراد کم بینا شده است. به عنوان مالک یک وب سایت وردپرسی، باید امکان دسترسی برای تمامی افراد از جمله اشخاصی که اختلال بینایی دارند را فراهم کنید.
دسترسی بصری، یعنی افرادی که از مشکلات بینایی رنج می‌برند، قادر به مشاهده و درک اطلاعات ارائه شده در سایت باشند و شامل افراد کم بینا، نابینا و انواع مختلف کور رنگی می شود. با بهبود دسترسی کاربران کم بینا، بازدید از وب سایت برای این افراد آسان‌تر شده و قادر خواهند بود تا اطلاعات و محتوا را به راحتی مرور کنند.
تصویر(1)
چندین راهکار برای بهبود دسترسی کاربران کم بینا به سایت
در ادامه مقاله به بررسی چندین راهکار برای بهبود دسترسی کاربران کم بینا به سایت، پرداخته می شود.
1. استفاده از قالب هایی که برای افراد کم بینا طراحی شده اند
هنگام انتخاب یک قالب برای وب سایت وردپرسی خود، باید توجه نمایید که ممکن است ویژگی‌های برخی از آنها، دسترسی کاربران دارای معلولیت را به محتوای شما دشوار کنند. بنابراین به دنبال قالبی باشید که موجب بهبود دسترسی کاربران کم بینا شده و شرایط آنها را نیز در طراحی خود در نظر گرفته است.
2. از کد Accessible یا "سازگار با معلولیت" استفاده کنید
کد Accessible از ویژگی‌هایی استفاده می‌کند که برای افراد دارای معلولیت طراحی شده‌اند. توسط این نوع کد، تجربه کاربرانی که از فناوری های کمکی مانند فناوری تشخیص چهره، فناوری تشخیص حرکات استفاده می کنند، بهبود می‌یابد.
- HTML معنادار یا Semantic HTML
Semantic HTML به معنای استفاده مناسب از عناصر HTML برای تعریف محتوا، نقش و معنا در وب است. این امر شامل به کارگیری عناصر <h1> تا <h6> برای عناوین، عنصر <p> برای پاراگراف‌ها و عنصر <ol> برای لیست‌ها می باشد.
- قابلیت های مرتبط با زبان
استفاده از زبان ساده و مختصر، یکی از جنبه‌های مهم دسترسی‌پذیری وب است. زبان استفاده شده در متون و محتواهای وب باید ساده و قابل فهم باشد تا کاربران به آسانی بتوانند آن را درک کنند.
بنابراین، بهتر است از به کارگیری اصطلاحات تخصصی، غیررسمی، خاص یا جملات پیچیده که باعث گیج شدن کاربران می‌شوند، خودداری نمایید. همچنین، برای سازماندهی محتوای خود، از عناوین، پاراگراف‌ها و فهرست ها استفاده کنید و در صورت نیاز به افزودن یک مخفف یا اصطلاح فنی، ابتدا آنها را توضیح دهید.
تصویر(2)
- پیاده سازی ARIA
ARIA که مخفف Accessible Rich Internet Applications است، به شما کمک می‌کند تا محتوایتان را جهت بهبود دسترسی کاربران کم بینا، برای نرم‌افزارهای صفحه خوان و فناوری‌های کمکی، بهینه نمایید.
- متن جایگزین تصویر
تصاویر بخش کلیدی از محتوای وب هستند اما ممکن است برای افراد با معلولیت بینایی، قابل دسترس نباشند. در وردپرس، برای افزایش قابلیت دسترسی تصاویر حتما از تگ alt استفاده نمایید. این توضیحات متنی، به فناوری‌های کمکی این امکان را می‌دهند تا به تصاویر دسترسی پیدا کرده و مفهوم آنها را درک کنند. بنابراین، همیشه توضیحات متنی دقیقی را برای تصاویر خود ارائه نمایید.
تصویر(3)
- فرم های تماس
فرم‌های آنلاین در انواع و اشکال مختلفی از جمله فرم‌های ساده تا برنامه‌های پیچیده دانشگاهی در دسترس هستند. فرم‌های آنلاین، باید برای تمام افراد، از جمله کاربرانی که معلولیت بصری دارند قابل استفاده باشند.
بنابراین، هنگام طراحی سایت خود، حتماً از فرم‌هایی در وردپرس استفاده نمایید که برای همه در دسترس هستند. علاوه بر این، فیلدهای متنی را با عنوان‌های توضیحی برچسب‌گذاری کنید و پیام‌های خطا را برای افرادی که از صفحه خوان ها استفاده می‌کنند، به صورت کامل شرح دهید تا بتوانند به راحتی فیلدها را تکمیل نمایند.
- Skip Links
سایت وردپرس از سیستم‌های ناوبری تکراری در صفحات خود استفاده می‌کند. این ناوبری‌ها شامل لینک‌ها در بالا، پایین یا سمت چپ صفحه هستند و برای افرادی که از نرم‌افزارهای صفحه خوان استفاده می‌کنند، مشکل ساز می باشند زیرا راهی کارآمد برای رد کردن آنها وجود ندارد. با استفاده از Skip Links می‌توانید موجب بهبود دسترسی کاربران کم بینا شوید و به آنها اجازه دهید تا سریعا از این لینک ها عبور کرده و به محتوای اصلی صفحه دسترسی پیدا کنند.
3. طراحی سایت وردپرس با ناوبری مناسب برای افراد کم بینا
یک جنبه مهم دیگر، اطمینان از در دسترس بودن امکانات و بخش های مختلف سایت برای افراد با محدودیت های بینایی است. باید مطمئن شوید که کاربران با استفاده از کلیدهای جهت‌دهی و همچنین دستگاه‌های جانبی دیگر، بتوانند به صفحات و محتواهای مختلف دسترسی پیدا کنند. این اقدامات به افراد با محدودیت های بینایی کمک می‌کنند تا به راحتی با اجزای مختلف ناوبری کار کرده و تجربه کاربری مطلوبی داشته باشند.
4. انتخاب رنگ‌های مناسب جهت بهبود دسترسی کاربران کم بینا
بیش از 300 میلیون نفر در سراسر جهان به کوررنگی به شکل دید دو رنگ، کمبود دید رنگ یا کوررنگی کامل مبتلا هستند. برای اطمینان از بهبود دسترسی کاربران کم بینا، باید به تناسب، نسبت و کنتراست رنگ‌ها توجه کنید.
تصویر(4)
5. به دنبال فونت‌های مناسب باشید
افرادی که محدودیت بینایی دارند، برای درک محتوا به حروف و متن با اندازه بزرگ‌تر نیاز خواهند داشت. با ارائه یک استایل جایگزین که به کاربران امکان بزرگنمایی فونت‌ها را می دهد، می‌توانید فرآیند خواندن محتوا را آسان‌تر کنید. علاوه بر اندازه فونت، باید به استفاده از فونت‌هایی با قابلیت خوانایی بالا نیز توجه نمایید.
6. درج زیر نویس برای محتوای چند رسانه ای
صوت و ویدیو به عنوان محتواهای چندرسانه‌ای، ابزارهای مفیدی هستند که برای جذب کاربران و انتقال پیام، به کار می‌روند. با این حال، باید توجه داشت که همه افراد قادر به مشاهده ویدیوها یا شنیدن صوت‌های شما نیستند. بنابراین لازم است تا زیرنویسی درج کنید که کلمات گفته شده، اقدامات و صداها را توصیف نماید. این زیرنویس‌ها، موجب بهبود دسترسی کاربران کم بینا شده و کمک می‌کند تا محتوای شما را درک نمایند.
7. فراهم سازی دسترسی آسان به محتوا برای افراد کم بینا
برای اطمینان از دسترسی تمامی کاربران به محتوا، می‌توانید از روش‌های زیر استفاده کنید:
- طول محتوا
از خطوطی که بیش از حد طولانی یا کوتاه هستند، خودداری کنید و به جای آن، تلاش نمایید تا هر خط شامل حدود ۴۵ تا ۷۵ کاراکتر باشد. این محدوده قابل قبول، به کاربران کمک می‌کند تا به راحتی مطالب را مطالعه کرده و بدین ترتیب، از خستگی جلوگیری شود.
- ترانسکریپت ها (Transcripts)
ترانسکریپت‌ها عموماً شامل نسخه‌های دقیق و کتبی از محتوای چندرسانه‌ای هستند که توسط نرم‌افزارهای تبدیل صوت به متن تولید می‌شوند تا کاربران بتوانند به صورت جداگانه محتوا را مطالعه نموده یا آن را دانلود کنند.
8. درج توصیف صوتی برای ویدئوها
ویدیوها برای افرادی که بتوانند آنها را مشاهده کنند، بسیار مفید هستند اما اگر برخی کاربران با مشکلات بینایی روبرو باشند، بخش عمده محتوا را از دست خواهند داد. به همین دلیل، توضیحات صوتی باید وجود داشته باشند. توضیحات صوتی شامل توصیف محیط، لباس‌ها، حرکات و اعمال می‌شوند. این توصیف‌ها برای افراد دارای مشکل بینایی بسیار مفید هستند.
تصویر(5)
9. از پخش خودکار ویدیوها خودداری کنید
از پخش خودکار ویدیوها خودداری کنید. در هنگام پخش خودکار ویدیوها، صدا همزمان از فیلم و صفحه خوان پخش می‌شود که ممکن است دسترسی به بخش های مختلف سایت را دشوار کند. بنابراین، بهتر است از پخش خودکار ویدیوها خودداری نمایید و به کاربران اجازه دهید به صورت دستی ویدیوها را پخش کنند. با این اقدام، تجربه دسترس‌پذیری بهتری برای تمام کاربران، از جمله افراد با نیازهای خاص، فراهم می‌شود.
جمع بندی
در نهایت، توصیه می‌شود سایت خود را آزمایش کنید تا مطمئن شوید که همه کاربران به طور کامل به آن دسترسی دارند. در صورت تمایل، می‌توانید آزمون‌های دستی انجام داده و عملکرد سایت خود را در زمینه دسترس پذیری ارزیابی کنید. این تست ها می‌توانند شامل تغییر اندازه و رنگ فونت، بزرگنمایی یا کوچک‌نمایی صفحه، استفاده از کیبورد به تنهایی و همچنین استفاده از دستگاه‌های مختلف باشند. مطالب مطرح شده در این مقاله جهت بهبود دسترسی کاربران کم بینا به شما کمک می‌کنند تا مشکلات مربوط به دسترسی پذیری سایت برای افراد دارای مشکل بینایی را شناسایی کرده و آنها را برطرف کنید.