دسترسی‌پذیری وب (A11y) چیست؟

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

معناسازی و ساختار

از تگ‌های معنادار استفاده کن: <header>، <nav>، <main>، <article>، <section>، <footer>. عنوان‌ها را به‌ترتیب (h1 سپس h2 و …) و فقط یک h1 در هر صفحه قرار بده. این به کاربران با screen reader کمک می‌کند تا در صفحه جهتیابی کنند.

تصاویر و لینک‌ها

برای هر <img> ویژگی alt بنویس: توضیح کوتاه برای کسی که تصویر را نمی‌بیند. اگر تصویر تزئینی است: alt="". متن لینک باید واضح باشد؛ از «اینجا کلیک کنید» خودداری کن و بگو لینک به کجا می‌رود.

کنتراست و خوانایی

رنگ متن و پس‌زمینه باید کنتراست کافی داشته باشند (معیار WCAG). اندازهٔ فونت و فاصلهٔ خط (line-height) را طوری انتخاب کن که متن به‌راحتی خوانده شود.

تعامل با کیبورد

تمام قابلیت‌های قابل کلیک باید با Tab قابل دسترسی و با Enter (یا Space) فعال شوند. از :focus در CSS غافل نشو و outline را بدون جایگزین مناسب حذف نکن.

با رعایت همین اصول اولیه، سایت تو برای طیف وسیع‌تری از کاربران قابل استفاده می‌شود.