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




