ساختمان برنامه های قابل دسترسی برای کمبود بینایی

چرا قابلیت دسترسی مهم است
بیایید در مورد دسترسی و اینکه چرا چنین کار بزرگی است صحبت کنیم. در مورد این فکر کنید: اینترنت بخش عظیمی از زندگی ما است ، اما برای کسی که از نظر بینایی کم بینایی است ، همیشه به همان راحتی که باید حرکت کند آسان نیست. دسترسی به همه چیز در مورد اطمینان از توانایی های آنها ، بدون توجه به توانایی های آنها ، می تواند از سایت یا برنامه شما استفاده کند. و برای کاربران کم بینا ، فن آوری های کمکی مانند خوانندگان صفحه نمایش به عنوان دروازه خود به دنیای دیجیتال عمل می کنند.
هنگامی که با دسترسی به دسترسی طراحی می کنید ، فقط جعبه ها را تیک نمی زنید – شما محصول خود را برای افراد بیشتری باز می کنید و جهان را کمی فراگیرتر می کنید. به علاوه ، شما احتمالاً مطابق با استانداردهای حقوقی مانند دستورالعمل های دسترسی به محتوای وب (WCAG) هستید. برنده ، درست است؟
آشنایی با فن آوری های کمکی
حال ، بیایید به این موضوع بپردازیم که کاربران با اختلال بینایی در واقع با برنامه شما ارتباط برقرار می کنند. خوانندگان صفحه نمایش بازیکنان بزرگی در اینجا هستند. این ابزارها متن را با صدای بلند می خوانند یا آن را به بریل تبدیل می کنند و به کاربران اجازه می دهند صفحه را از طریق صدا یا لمس “ببینند”. چند مورد محبوب در آنجا وجود دارد:
- NVDA: رایگان و منبع باز ، مناسب برای کاربران ویندوز.
- فک: قدرتمند اما دارای برچسب قیمت است.
- صدا: اگر در MacOS یا iOS هستید ، این شخص درست ساخته شده است.
- بازپرداخت: پاسخ Google برای دستگاه های Android.
اما در اینجا جالب است: خوانندگان صفحه نمایش برای انجام کار خود به ساختار سایت شما متکی هستند. اگر کد شما کثیف یا نامشخص است ، ممکن است این ابزارها گیج شوند و این برای کاربران ناامید کننده است.
دسترسی بیشتر برنامه خود
محتوای خود را با HTML معنایی ساختار دهید
اولین چیزها اول – صحبت های HTML. استفاده از برچسب های معنایی فقط عمل خوبی نیست ؛ برای خوانندگان صفحه نمایش ضروری است. برچسب ها مانند
وت
به تعریف هر بخش از صفحه شما کمک کنید. این مانند این است که به خوانندگان صفحه نمایش نقشه ای برای حرکت در سایت شما ارائه دهید.
به جای اینکه فقط سیلی بزنم
Welcome to Our Website
Latest Updates
Stay informed with our latest news.
تفاوت را می بینید؟ تمیزتر ، پیگیری آسان تر و دسترسی بیشتر است.
تصاویر را با متن alt توصیف کنید
تصاویر عالی هستند ، اما اگر کسی نتواند آنها را ببیند ، آنها فقط فضای خالی هستند - مگر اینکه متن alt را اضافه کنید. این متن به کاربران می گوید که تصویر در مورد چیست.
به عنوان مثال:
src="team.jpg" alt="A group of smiling coworkers in an office setting." />
این ساده اما قدرتمند است. فقط در ابتدا نیازی به نوشتن نیست - در ابتدا نیازی به نوشتن "تصویر ..." نیست. و اگر یک تصویر کاملاً تزئینی است ، می توانید توضیحات را با آن پرش کنید alt=""
بشر
اطمینان حاصل کنید که صفحه کلید کار می کند
همه از ماوس استفاده نمی کنند ، به خصوص کاربران کم بینایی. بنابراین ، برنامه شما فقط با یک صفحه کلید باید کاملاً کاربردی باشد. یعنی:
- اطمینان از کاربران می تواند با
Tab
کلید - اطمینان از فرم ها و شیوه ها به آنها پاسخ دهید
Enter
و کلیدهای فلش
نکته حرفه ای: خودتان را با قرار دادن ماوس برای کمی تست کنید. به سرعت خواهید دید که نقاط درد کجاست.
نقش های آریا را بیاورید (در صورت لزوم)
بعضی اوقات HTML به تنهایی آن را قطع نمی کند ، و این جایی است که نقش های آریا (برنامه های اینترنتی غنی در دسترس) وارد می شوند. آنها اطلاعات اضافی را برای خوانندگان صفحه نمایش اضافه می کنند.
به عنوان مثال:
این به صفحه خواننده دقیقاً آنچه را که دکمه انجام می دهد می گوید. اما مراقب باشید - از آریا استفاده نکنید. اگر HTML بومی می تواند کار را انجام دهد ، با آن بچسبید.
به کنتراست فکر کنید
آیا تا به حال سعی کرده اید متن خاکستری روشن را روی پس زمینه سفید بخوانید؟ این کار سخت است ، حتی برای افرادی که دید کامل دارند. کنتراست مهم است. WCAG نسبت کنتراست حداقل 4.5: 1 را برای متن بدن توصیه می کند.
ابزارهای عالی مانند Webaim Contrast Checker برای کمک به شما در ناخن زدن وجود دارد.
فرم ها باید دوستانه باشند
فرم ها یک میدان مین برای دسترسی هستند ، اما لازم نیست که باشند. از برچسب های روشن استفاده کنید ، مانند این:
و اطمینان حاصل کنید که پیام های خطا توصیفی هستند - "ورودی نامعتبر" آن را قطع نمی کند.
تست با ابزارهای واقعی
سرانجام ، خود را در کفش کاربران خود قرار دهید. یک خواننده صفحه نمایش را آتش بزنید و ببینید که سایت شما چه احساسی دارد. این یکی از بهترین راه ها برای جلب مواردی است که ممکن است در غیر این صورت متوجه آن نشوید.
بیایید یک وب فراگیرتر بسازیم
دسترسی فقط یک ویژگی نیست - این یک طرز فکر است. با انجام این مراحل ، شما نه تنها به کاربران کم بینایی کمک می کنید بلکه برنامه خود را برای همه بهتر می کنید. این در مورد ایجاد یک وب است که در آن هیچ کس از آن خارج نشده است. و صادقانه بگویم ، آیا این طرح خوب چیست؟
اگر آن را دوست داشتید ، این پست ها و پست های بیشتری را در وبلاگ من بررسی کنید ، این پایان ماه است که در آن حداقل یک پست در هفته درست کردم و از اینجا به آنجا مهاجرت می کنم ، بنابراین اگر می خواهید پیشرفت من را دنبال کنید و در مورد آنچه من یاد می گیرم این پیوند را بخوانید: Ciccabruno