از عنصر معنایی مناسب استفاده کنید؛ دکمه را با button و مقصد را با a بسازید.
buttona
چکلیست عملی برای بهبود دسترسپذیری رابط با HTML معنایی، صفحهکلید و کنتراست. از عنصر معنایی مناسب استفاده کنید؛ دکمه را با `button` و مقصد را با `a` بسازید. همهٔ عملیات را با صفحهکلید قابل انجام کنید و focus واضح نگه دارید. برای تصویر معنادار متن جایگزین بنویسید و تصویر تزئینی را از خوانشگر پنهان کنید. از این صفحه بهعنوان مرجع سریع استفاده کنید و مثالها و نکتهها را با نسخهٔ ابزار، نیاز و شرایط واقعی پروژهٔ خود تطبیق دهید.
از عنصر معنایی مناسب استفاده کنید؛ دکمه را با button و مقصد را با a بسازید.
buttonaهمهٔ عملیات را با صفحهکلید قابل انجام کنید و focus واضح نگه دارید.
برای تصویر معنادار متن جایگزین بنویسید و تصویر تزئینی را از خوانشگر پنهان کنید.
به هر ورودی فرم label قابلبرنامهریزی وصل کنید و خطا را متنی اعلام کنید.
کنتراست متن و کنترلها را بررسی کنید و رنگ را تنها راه انتقال معنا نکنید.
ترتیب تیترها و landmarkها را منطقی نگه دارید.
برای آیکن بیمتن، نام دسترسپذیر بدهید و تزئین را از فناوری کمکی پنهان کنید.
در دیالوگ focus را مدیریت و پس از بستن به محل شروع بازگردانید.
حرکت را با تنظیم نمونهٔ زیر کاهش دهید.
prefers-reduced-motionبا صفحهکلید، بزرگنمایی و دستکم یک screen reader آزمایش کنید.
معیار WCAG 2.2 AA از جمله focus not obscured و target size را برای رابط خود ارزیابی کنید؛ الزام قانونی را بر اساس حوزهٔ قضایی جدا بررسی کنید.
پس از بازشدن dialog، focus را داخل آن ببرید، Escape و بستن را پشتیبانی کنید و focus را به trigger برگردانید.