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

  • به‌جای div برای همه‌چیز از header، nav، main، article و footer استفاده کنید.
  • برای دکمه از button و برای لینک از a استفاده کنید؛ کیبورد و صفحه‌خوان آن‌ها را می‌شناسد.
  • تصویر محتوایی alt توصیفی داشته باشد؛ تصویر تزئینی alt="".
  • هر فیلد فرم label مرتبط داشته باشد.
  • عنوان‌ها (h1 تا h6) به ترتیب و بدون پرش باشند.

تست سریع

صفحه را فقط با کیبورد (Tab) پیمایش کنید و ببینید فوکوس مشخص و منطقی حرکت می‌کند یا نه. کنتراست رنگ متن را هم با ابزار مرورگر بسنجید.