کتاب صوتی CSS for Accessibility Testing

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

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

عنوان دوره: دوره CSS for Accessibility Testing

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

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

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

• 1. مقدمه ای بر CSS و دسترس پذیری
• 2. اهمیت دسترس پذیری در طراحی وب
• 3. اصول WCAG و ارتباط آن با CSS
• 4. هدف از تست دسترس پذیری با CSS
• 5. ابزارهای مورد نیاز برای تست دسترس پذیری با CSS
• 6. مرور کلی بر مفاهیم کلیدی CSS
• 7. انتخابگرها و نحوه تاثیر آنها بر دسترس پذیری
• 8. ویژگی های نمایشی (Display Properties) و تاثیر آنها
• 9. مدیریت ابعاد (Sizing) و تاثیر آن بر نمایش محتوا
• 10. استفاده از واحدها (Units) و تاثیر آنها بر مقیاس پذیری
• 11. رنگ ها (Colors) و کنتراست
• 12. کنتراست رنگ متن و پس زمینه
• 13. ابزارهای آنلاین برای بررسی کنتراست رنگ
• 14. تاثیر کنتراست رنگ بر کاربران با کم بینایی
• 15. استفاده از رنگ ها بدون اتکا صرف به آنها
• 16. رنگ و اطلاعات
• 17. رنگ و وضعیت (State)
• 18. فونت ها و تایپوگرافی
• 19. اندازه فونت و خوانایی
• 20. فونت های قابل خواندن
• 21. فاصله خطوط (Line Height) و پاراگراف بندی
• 22. فاصله بین حروف (Letter Spacing) و کلمات (Word Spacing)
• 23. تراز متن (Text Alignment) و تاثیر آن
• 24. مدیریت فونت ها برای دستگاه های مختلف
• 25. فونت های سیستمی در مقابل فونت های سفارشی
• 26. مدیریت پیش فرض فونت ها
• 27. رابط کاربری و ناوبری
• 28. چیدمان (Layout) و ساختار صفحه
• 29. CSS Grid و Flexbox برای چیدمان های دسترس پذیر
• 30. تاثیر چیدمان بر جریان فوکوس
• 31. مدیریت فوکوس (Focus Management)
• 32. استایل دهی به عنصر فوکوس شده
• 33. نمایش واضح و قابل تشخیص فوکوس
• 34. تاثیر استایل دهی فوکوس بر ناوبری با کیبورد
• 35. مدیریت فوکوس در کامپوننت های پیچیده
• 36. مدیریت فوکوس در پنجره های مودال (Modal Windows)
• 37. مدیریت فوکوس در تب ها و اسلایدرها
• 38. استایل دهی به لینک ها و دکمه ها
• 39. نمایش واضح لینک های قابل کلیک
• 40. نمایش واضح دکمه های قابل تعامل
• 41. حالت های مختلف لینک ها و دکمه ها (Hover, Focus, Active)
• 42. تاثیر استایل دهی بر کاربران کم توان
• 43. استایل دهی به فرم ها
• 44. استایل دهی به فیلدهای ورودی (Input Fields)
• 45. استایل دهی به برچسب ها (Labels)
• 46. ارتباط برچسب ها با فیلدهای ورودی
• 47. استایل دهی به پیام های خطا و موفقیت
• 48. پیام های خطا و راهنمایی
• 49. استایل دهی به چک باکس ها و رادیو باتن ها
• 50. استایل دهی به دکمه های ارسال (Submit Buttons)
• 51. محتوای بصری و جایگزین ها
• 52. استایل دهی به تصاویر
• 53. متن جایگزین (Alt Text) و اهمیت آن (CSS ارتباط مستقیمی ندارد اما مرتبط است)
• 54. استایل دهی به ویدئوها و صداها
• 55. زیرنویس ها (Captions) و رونوشت ها (Transcripts)
• 56. استایل دهی به جداول
• 57. ساختار جداول دسترس پذیر
• 58. استایل دهی به هدرهای جدول
• 59. استایل دهی به سلول های جدول
• 60. استایل دهی به نمودارها و اینفوگرافیک ها
• 61. استفاده از ARIA Attributes و CSS
• 62. نقش ARIA در دسترس پذیری
• 63. استفاده از ARIA برای بهبود تجربه کاربری
• 64. ترکیب ARIA و CSS برای نمایش وضعیت ها
• 65. استفاده از ARIA برای کامپوننت های سفارشی
• 66. تست و اشکال زدایی (Debugging)
• 67. تکنیک های تست دستی با کیبورد
• 68. تست با ابزارهای توسعه دهنده مرورگر
• 69. استفاده از افزونه های مرورگر برای تست دسترس پذیری
• 70. پلتفرم های تست خودکار دسترس پذیری
• 71. تحلیل نتایج تست و رفع مشکلات
• 72. اهمیت بازخورد کاربران
• 73. نکات پیشرفته در CSS برای دسترس پذیری
• 74. استفاده از `prefers-reduced-motion`
• 75. استفاده از `prefers-color-scheme`
• 76. استفاده از `user-select` و تاثیر آن
• 77. مدیریت `outline` و `box-shadow` برای فوکوس
• 78. استفاده از `clip-path` و تاثیر آن بر دسترس پذیری
• 79. استفاده از `text-overflow` و `word-wrap`
• 80. مدیریت `z-index` و تداخل های بصری
• 81. استفاده از `visibility` و `opacity`
• 82. استایل دهی به محتوای مخفی شده (Hidden Content)
• 83. استایل دهی به محتوای قابل نمایش با هاور (Hover)
• 84. استایل دهی به محتوای قابل نمایش با کلیک
• 85. مدیریت انیمیشن ها و افکت های بصری
• 86. انیمیشن های دسترس پذیر
• 87. کاهش یا حذف انیمیشن ها در صورت نیاز
• 88. تاثیر انیمیشن ها بر کاربران حساس
• 89. طراحی واکنش گرا (Responsive Design) و دسترس پذیری
• 90. استفاده از Media Queries برای دسترس پذیری
• 91. طراحی برای دستگاه های مختلف
• 92. طراحی برای اندازه های مختلف صفحه نمایش
• 93. مدیریت مقیاس پذیری محتوا
• 94. مدیریت کنتراست رنگ در حالت های مختلف
• 95. مدیریت فوکوس در حالت های مختلف
• 96. دسترس پذیری در کامپوننت های جاوا اسکریپت
• 97. استایل دهی به کامپوننت های داینامیک
• 98. مدیریت وضعیت کامپوننت ها
• 99. تاثیر CSS بر کامپوننت های ساخته شده با جاوا اسکریپت
• 100. استایل دهی به کامپوننت های Modal و Dropdown