Accessibility با Tailwind CSS
1
مقدمه Accessibility (a11y)
(رایگان)
2
WCAG Guidelines
3
Semantic HTML و ARIA
4
Keyboard Navigation
5
Focus Management
6
Color Contrast و Visual Design
7
Forms و Validation
8
Screen Reader Testing
9
Accessibility در Tailwind
10
پروژه عملی: وبسایت کاملاً قابل دسترس
درس 1 از 10
⏱ 15 دقیقه
مقدمه Accessibility (a11y)
مقدمه Accessibility (a11y)
دسترسیپذیری یعنی طراحی وبسایتی که همه افراد بتوانند از آن استفاده کنند.
چرا دسترسیپذیری مهم است؟
- حقوق بشر: دسترسی به اطلاعات حق همه است
- قانونی: بسیاری کشورها قانون دسترسیپذیری دارند
- SEO: موتورهای جستجو محتوای قابل دسترس را بهتر ایندکس میکنند
- تجربه کاربری: برای همه کاربران بهتر میشود
- بازار: ۱۵٪ جمعیت جهان معلولیت دارند
انواع معلولیتها:
- بینایی: کوری، کمبینایی، کوررنگی
- شنوایی: ناشنوایی، کمشنوایی
- حرکتی: فلج مغزی، آرتروز، قطع عضو
- شناختی: اوتیسم، اختلال یادگیری
- گفتاری: لکنت زبان
ابزارهای تست دسترسی:
- axe DevTools: افزونه مرورگر
- WAVE: ابزار تست وب
- Lighthouse: Audit دسترسی
- NVDA/JAWS: Screen Reader