فلش‌کارت‌های آموزشی CSS Accessibility: طراحی وب برای همه کاربران

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره CSS Accessibility: طراحی وب برای همه کاربران

موضوع کلی: برنامه نویسی

موضوع میانی: CSS

📋 سرفصل‌های دوره

• 1. مقدمه‌ای بر دسترس‌پذیری وب
• 2. چرا دسترس‌پذیری وب مهم است؟
• 3. استانداردهای دسترس‌پذیری وب (WCAG)
• 4. معرفی WCAG 2.1 و WCAG 2.2
• 5. درک سطوح موفقیت (Success Criteria)
• 6. نقش CSS در دسترس‌پذیری
• 7. رنگ و کنتراست
• 8. اهمیت کنتراست رنگ
• 9. ابزارهای بررسی کنتراست رنگ
• 10. تطبیق رنگ برای کاربران با اختلالات بینایی
• 11. فونت‌ها و خوانایی
• 12. انتخاب فونت مناسب برای دسترس‌پذیری
• 13. تنظیم اندازه فونت و فاصله خطوط
• 14. استفاده از فونت‌های سیستمی
• 15. استفاده از واحدهای نسبی (rem, em)
• 16. استفاده از `font-variant` برای خوانایی بیشتر
• 17. مدیریت تمرکز (Focus Management)
• 18. اهمیت مدیریت تمرکز برای کاربران صفحه‌خوان
• 19. استفاده از `:focus` و `:focus-visible`
• 20. استفاده از `tabindex` (با احتیاط)
• 21. استفاده از `outline` برای نشان دادن تمرکز
• 22. ساختار معنایی HTML و CSS
• 23. استفاده از تگ‌های معنایی HTML5
• 24. استفاده از نقش‌ها (roles) و خصوصیات ARIA
• 25. استفاده از `aria-label` و `aria-describedby`
• 26. استفاده از `aria-hidden` برای محتوای تزیینی
• 27. خوانایی محتوا با CSS
• 28. استفاده از CSS برای بهبود خوانایی متن
• 29. استفاده از `hyphens` برای شکستن کلمات طولانی
• 30. استفاده از `word-break` و `word-wrap`
• 31. استفاده از CSS Grid و Flexbox برای ساختار محتوا
• 32. تصاویر و متن جایگزین (Alt Text)
• 33. اهمیت متن جایگزین برای تصاویر
• 34. نوشتن متن جایگزین مناسب
• 35. استفاده از `aria-label` برای تصاویر تزیینی
• 36. فرم‌ها و دسترس‌پذیری
• 37. برچسب‌گذاری صحیح فیلدهای فرم
• 38. استفاده از `aria-required` و `aria-invalid`
• 39. ارائه راهنمایی‌های مناسب برای فیلدهای فرم
• 40. رسانه (Video & Audio) و دسترس‌پذیری
• 41. ارائه زیرنویس و متن برای ویدئوها
• 42. ارائه رونوشت برای فایل‌های صوتی
• 43. کنترل‌های پخش رسانه قابل دسترس
• 44. طراحی واکنش‌گرا و دسترس‌پذیری
• 45. اهمیت طراحی واکنش‌گرا برای دسترس‌پذیری
• 46. استفاده از Media Queries برای تنظیمات مختلف
• 47. تست دسترس‌پذیری با ابزارهای خودکار
• 48. استفاده از Lighthouse
• 49. استفاده از WAVE
• 50. تست دستی با صفحه‌خوان‌ها (NVDA, VoiceOver)
• 51. اصلاح مشکلات دسترس‌پذیری
• 52. رفع مشکلات کنتراست رنگ
• 53. رفع مشکلات تمرکز
• 54. رفع مشکلات متن جایگزین
• 55. بهینه‌سازی CSS برای سرعت و دسترس‌پذیری
• 56. حذف CSS استفاده نشده
• 57. فشرده‌سازی CSS
• 58. استفاده از CSS Modules یا CSS-in-JS
• 59. به‌روزرسانی و نگهداری دسترس‌پذیری
• 60. بررسی دوره‌ای دسترس‌پذیری وب‌سایت
• 61. به‌روزرسانی با تغییرات استانداردهای WCAG
• 62. آموزش تیم توسعه در مورد دسترس‌پذیری