BLOG · سئو و بازاریابی

دسترس‌پذیری وب چیست؟ سایتی که برای همه قابل استفاده باشد

2026/10/18

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

اصول دسترس‌پذیری به زبان ساده

استاندارد بین‌المللی دسترس‌پذیری WCAG نام دارد و چهار اصل اصلی دارد: محتوا باید قابل درک با حواس، قابل استفاده، قابل فهم و سازگار با ابزارهای کمکی باشد. در عمل این یعنی:

۱. کنتراست کافی

متن معمولی باید حداقل نسبت کنتراست ۴٫۵ به ۱ با پس‌زمینه داشته باشد. متن خاکستری روشن روی سفید، با وجود زیبایی، برای بسیاری از کاربران سخت‌خوان است.

۲. متن جایگزین تصاویر

تصاویر محتوایی alt توصیفی داشته باشند و تصاویر تزئینی alt خالی. بهینه‌سازی تصاویر.

۳. استفاده با صفحه‌کلید

همه‌ی منوها، دکمه‌ها و فرم‌ها با کلید Tab قابل دسترسی باشند و فوکوس فعلی به‌وضوح دیده شود.

۴. نام قابل‌فهم برای دکمه‌ها و لینک‌ها

دکمه‌ای که فقط آیکون دارد (سبد خرید، جست‌وجو، منو) باید برچسب متنی (aria-label) داشته باشد تا صفحه‌خوان بگوید چیست. لینک «اینجا کلیک کنید» برای کاربر صفحه‌خوان بی‌معنی است.

۵. فرم‌های قابل استفاده

هر فیلد برچسب واقعی داشته باشد (نه فقط متن داخل کادر که با تایپ کردن ناپدید می‌شود) و پیام خطا بگوید دقیقاً چه چیزی اشتباه است.

۶. ساختار تیترها

تیترها به ترتیب منطقی (H1، سپس H2، سپس H3) باشند؛ کاربران صفحه‌خوان با تیترها در صفحه حرکت می‌کنند.

۷. اندازه‌ی هدف لمسی

دکمه‌ها و لینک‌ها در موبایل به اندازه‌ی کافی بزرگ و با فاصله باشند. طراحی سایت ریسپانسیو.

۸. ویدیو و صوت

زیرنویس برای ویدیو و متن برای فایل‌های صوتی.

دسترس‌پذیری و سئو

بسیاری از اصول دسترس‌پذیری همان اصول سئو هستند: متن جایگزین، ساختار تیترها، متن لینک توصیفی و کد معنایی. سایت دسترس‌پذیر برای ربات‌های جست‌وجو هم قابل‌فهم‌تر است. تفاوت UI و UX.

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

چطور دسترس‌پذیری سایت را بسنجیم؟

  • Lighthouse در کروم: امتیاز دسترس‌پذیری و فهرست مشکلات.
  • ابزارهای بررسی کنتراست.
  • آزمایش دستی: سایت را فقط با صفحه‌کلید استفاده کنید؛ یک خرید یا فرم را تا انتها انجام دهید.
  • صفحه‌خوان: صفحه‌خوان‌های رایگان موبایل و دسکتاپ را چند دقیقه امتحان کنید.

پنج اصلاح سریع دسترس‌پذیری

بیشتر مشکلات دسترس پذیری وب با چند اصلاح ساده برطرف می‌شود:

اصلاحات سریع و آسان: متن جایگزین تصاویر ضروری است، تضاد رنگ برای خوانایی مهم است، برچسب فرم‌ها را فراموش نکنید، کار با صفحه‌کلید را تست کنید
با این اصلاحات ساده، سایت خود را قابل دسترس‌تر کنید.
  1. متن جایگزین تصویر: برای هر تصویر معنادار یک توضیح کوتاه بنویسید؛ تصویر تزئینی متن جایگزین خالی داشته باشد.
  2. تضاد رنگ: متن خاکستری روشن روی زمینه‌ی سفید برای خیلی‌ها خوانا نیست؛ نسبت تضاد متن عادی دست‌کم ۴٫۵ به ۱ باشد.
  3. برچسب فرم: هر فیلد یک برچسب واقعی داشته باشد، نه فقط متن راهنمای داخل فیلد.
  4. کار با صفحه‌کلید: با کلید Tab در سایت بگردید؛ باید به همه‌ی دکمه‌ها و لینک‌ها برسید و ببینید کجا هستید.
  5. ترتیب تیترها: یک H1 در هر صفحه و تیترهای بعدی به‌ترتیب، بدون پریدن از سطح‌ها.

برای چه کسانی مهم است؟

دسترس‌پذیری فقط برای کاربران نابینا نیست. کسی که زیر آفتاب با موبایل کار می‌کند، سالمندی که متن ریز را سخت می‌خواند و کاربری که موقتاً با یک دست کار می‌کند، همه از سایت دسترس‌پذیر سود می‌برند.

جمع‌بندی

دسترس‌پذیری به نفع همه است: کاربران با محدودیت، سالمندان، کاربرانی که در نور آفتاب از موبایل استفاده می‌کنند و حتی موتورهای جست‌وجو. بیشتر اصلاحات ساده‌اند: کنتراست، برچسب، alt و ترتیب تیترها. در طراحی سایت امتیاز دسترس‌پذیری Lighthouse پیش از تحویل بررسی می‌شود؛ برای سایت‌های موجود، بهینه‌سازی سایت را ببینید.

سوالات متداول

دسترس‌پذیری در ایران الزام قانونی دارد؟

برای بسیاری از سایت‌های خصوصی الزام صریحی وجود ندارد، اما برای سایت‌های خدمات عمومی و سازمانی اهمیت روزافزونی دارد و در هر حال تجربه‌ی همه‌ی کاربران را بهتر می‌کند.

ابزارهای «یک‌کلیکی» دسترس‌پذیری کافی‌اند؟

ابزارهای افزودنی نمی‌توانند مشکلات کد و طراحی را واقعاً حل کنند؛ اصلاح باید در خود سایت انجام شود.

LET'S TALK

سوالی درباره پروژه‌تان دارید؟

در یک جلسه مشاوره رایگان صحبت می‌کنیم.