جذب خوانندگان بیشتر با یک سایت که متناسب با نیازهای شما باشد
با ایجاد وب سایت خود برای افرادی که دارای معلولیت هستند دسترسی پیدا کنید، شما در نهایت ساختن برای همه قابل دسترسی است. در حقیقت، ساخت وب سایت شما در دسترس بیشتر ممکن است حتی به مردم کمک کند وب سایت شما را در موتورهای جستجو پیدا کند. چرا؟ از آنجا که موتورهای جستجو از بعضی از سیگنال های مشابهی استفاده می کنند که خوانندگان روی صفحه نمایش به دنبال یافتن و درک محتوای وب سایت شما هستند.
اما دقیقا چطور یک وب سایت قابل دسترسی را بدون تبدیل شدن به متخصص برنامه نویسی ایجاد می کنید؟
در اینجا چند نکته و ترفندی وجود دارد که تقریبا هر کسی با دانش اساسی HTML می تواند برای بهبود دسترسی به وب سایت خود استفاده کند.
ابزار دسترسی به وب
W3C دارای فهرست فوق العاده ای از ابزارهای دستیابی وب است که می توانید به عنوان یک چک کننده برای شناسایی مشکلات احتمالی در وب سایت خود استفاده کنید. گفتم، من هنوز هم توصیه می کنم برخی از بررسی با یک خواننده صفحه نمایش و تجربه آن را برای خودتان.
خواندن مرتبط: فناوری کمک و چگونگی کارکرد آن چیست؟
درک خوانندگان صفحه نمایش
یکی از مهمترین راه هایی که شما می توانید دسترسی به وب سایت خود را بهبود بخشید این است که مطمئن شوید که توسط خوانندگان صفحه نمایش قابل درک است. خوانندگان صفحه از متن صوتی برای خواندن متن روی صفحه استفاده می کنند. این به نظر بسیار ساده است؛ با این حال، خوانندگان روی صفحه ممکن است وب سایت شما را به نحوی که در حال حاضر آن را تنظیم کرده اید، درک نکنید.
اولین چیزی که می خواهید انجام دهید این است که یک خواننده روی صفحه را امتحان کنید و ببینید که چطور می شود. اگر در Mac هستید، سعی کنید از VoiceOver استفاده کنید.
- به تنظیمات سیستم بروید
- قابلیت دسترسی را انتخاب کنید .
- VoiceOver را انتخاب کنید
- کادر فعال Enable VoiceOver را علامت بزنید
شما می توانید با استفاده از فرمان F5 آن را فعال یا غیرفعال کنید.
اگر شما در یک ماشین ویندوز هستید، ممکن است بخواهید NVDA را دانلود کنید. شما می توانید آن را تنظیم کنید تا با کنترل میانبر + alt + n را روشن و خاموش کنید.
هر دو صفحه خواننده با اجازه دادن به کاربر با استفاده از صفحه کلید عمل می کنند (این منطقی است - اگر شما نمی توانید ببینید، استفاده از ماوس یک چالش است) و با ایجاد یک منطقه تمرکز برای ناوبری. تمرکز اساسا جایی است که صفحه کلید "اشاره کرد" است، اما معمولا به جای یک مکان نما به عنوان یک جعبه برجسته در اطراف هدف تمرکز نمایش داده می شود.
شما می توانید هر دو گام صوتی و سرعت که در آن صدای خوانده می شود، اگر تنظیمات پیش فرض آزار دهنده باشد (و پس از حدود پنج دقیقه گوش دادن به خواندن صدای استاندارد، آنها معمولا). مردم کور معمولا وب سایت ها را با خوانندگان روی صفحه خود به سرعت بالا می گذرانند.
این ممکن است به شما کمک کند چشمانتان را بست، همانطور که این کار را انجام می دهید، اما ممکن است به باز کردن و مقایسه آن کمک کند. برخی از مواردی که شما ممکن است بلافاصله متوجه شوید هنگامی که سعی کنید گوش دادن به وب سایت خود را داشته باشید، این است که برخی از متن ممکن است از نظر نادرست باشد. سرفصل ها و جداول ممکن است دچار سردرگمی شوند. تصاویر ممکن است از بین بروند و یا ممکن است "تصویر" یا چیزی به همان اندازه ناموفق باشند. جداول تمایل به خواندن به عنوان یک سری از موارد بدون زمینه است.
امیدوارم بتوانید این را حل کنید.
آل تگها یا خصیصه جایگزین
خصیصه alt-tag یا alternative (alt) در HTML برای توصیف یک تصویر استفاده می شود. در HTML، به نظر می رسد چیزی شبیه به این است:
حتی اگر وب سایت خود را با یک ابزار بصری که کد HTML شما را پنهان می کند، تقریبا همیشه فرصتی برای ورود به توضیح تصویر داشته باشید. شما می توانید هیچ چیز (alt = "") را وارد کنید، اما بهتر است هر تصویر یک توضیح مفید ارائه دهد. اگر کور شدید، چه چیزی باید در مورد تصویر بدانیم؟ "زن" کمک زیادی نمی کند، اما شاید "طرح جبر طراحی زنان، از جمله قابلیت دسترسی، قابلیت استفاده، نام تجاری و طراحی".
عنوان متن
وب سایت ها همیشه برچسب تگ HTML را نمایش نمی دهند، اما برای خوانندگان صفحه نمایش مفید است. اطمینان حاصل کنید که هر یک از صفحات وب سایت شما دارای یک توصیف (اما نه بیش از حد واضح) عنوان است که به بازدید کنندگان آنچه که در مورد است.
به وب سایت شما اطلاعات صحیح اطلاعات ارجاع دهید
شکافهای بزرگ متن با هدرها را قطع کنید و در صورت امکان از هدر ها با سلسله مراتب H1، H2، H3 به طور مناسب استفاده کنید. نه تنها باعث می شود وب سایت شما برای خوانندگان صفحه نمایش راحت تر شود، بلکه برای همه افراد دیگر نیز آسان تر می شود. این همچنین یک سیگنال عالی برای گوگل و دیگر موتورهای جستجو برای کمک به بهتر شدن فهرست وب سایت شما است.
به طور مشابه، باید اطمینان حاصل کنید که وب سایت شما در یک محتوا منطقی قرار دارد و جعبه اطلاعات مرتبط با آن را نشان نمی دهد. اگر از تبلیغات استفاده می کنید، تماشا کنید که تبلیغات شما بیش از حد ممانعت ناپذیر نیست و متن را در وب سایت خود را بیش از حد اغراق می کنید.
جداول بهتر را انتخاب کنید
اگر از جداول HTML استفاده می کنید، می توانید زیرنویس ها را در جداول خود با استفاده از برچسب اضافه کنید تا خوانندگان صفحه نمایش آن ها را آسان تر درک کنند، نه فقط عنوان یک جدول را به صورت bold. شما همچنین می توانید عنصر "دامنه" را اضافه کنید و به طور واضح ردیف ها و ستون های جدید خود را در جدول خود بنویسید تا خوانندگان صفحه ای به راحتی از یک سلول سلول های جدول استفاده نکنند و بدون ارائه هر زمینه ای.
صفحه کلید ناوبری
به طور کلی، هر چیزی که در وبسایت شما قرار داده می شود باید چیزی باشد که شخص بتواند تنها با استفاده از یک صفحه کلید انجام دهد. به این معناست که دکمه های ناوبری شما نباید دکمه های کشویی متحرک باشند اگر شما نمی توانید از آنها با یک خواننده صفحه استفاده کنید (آن را امتحان کنید و مطمئن شوید که برخی از دکمه ها برای استفاده از صفحه کلید برنامه ریزی شده اند.)
زیرنویس های بسته
اگر شما ویدیوها یا عناصر صوتی را به وبسایت خود اضافه کنید، باید زیرنویس آنها را داشته باشید. HTML5 و بسیاری از خدمات جریان ویدئو (مانند یوتیوب) پشتیبانی از captioning بسته را ارائه می دهند. نوشتن بسته ها مفید است نه تنها برای دسترسی، بلکه برای کاربران که ممکن است وب سایت خود را در جایی که آنها نمی توانند در پخش صدا، مانند در دفتر و یا در یک مکان پر سر و صدا، مرور کنید.
برای پادکست ها و یا سایر عناصر صوتی، در نظر بگیرید ارائه متن متن. نه تنها مفید است برای افرادی که نمی توانند به صدا گوش دهند، با داشتن متن باعث می شود که گوگل و سایر موتورهای جستجو برای نشان دادن این محتوا و رتبه بندی گوگل به شما کمک کنند .
آریا
اگر میخواهید به سطح پیشرفته دسترسی دست پیدا کنید، مشخصات HTML5 ARIA یا WAI-ARIA به عنوان استاندارد جدید پیش میرود. با این حال، این یک کتابچه راهنمای فنی پیچیده (و در حال تحول) است، بنابراین آنچه شما می توانید انجام دهید استفاده از یک اعتبار سنج ARIA برای اسکن کردن برای اینکه آیا وب سایت شما مسائل مربوط به شما می توانید آدرس. موزیلا راهنمای بیشتری برای شروع کار با ARIA دارد.