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

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

عنوان دوره: تست دسترسی‌پذیری (Accessibility Testing) در فرانت‌اند

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

موضوع میانی: تست فرانت‌اند

📋 سرفصل‌های دوره (100 موضوع)

• 1. مقدمه‌ای بر دسترسی‌پذیری وب (Web Accessibility)
• 2. چرا دسترسی‌پذیری مهم است؟ تاثیر بر کاربران
• 3. آشنایی با انواع ناتوانی‌ها (بینایی، شنوایی، حرکتی، شناختی)
• 4. مروری بر فناوری‌های کمکی (Assistive Technologies)
• 5. معرفی صفحه‌خوان‌ها (Screen Readers): NVDA, JAWS, VoiceOver
• 6. اصول چهارگانه دسترسی‌پذیری (POUR): قابل درک، قابل کاربری، قابل فهم، قوی
• 7. آشنایی با استانداردهای WCAG (Web Content Accessibility Guidelines)
• 8. سطوح انطباق WCAG: A, AA, AAA
• 9. جنبه‌های قانونی و تجاری دسترسی‌پذیری
• 10. مدل اجتماعی در برابر مدل پزشکی ناتوانی
• 11. ایجاد یک ذهنیت دسترسی‌پذیر (Accessibility-First Mindset)
• 12. تفاوت بین دسترسی‌پذیری (a11y) و قابلیت استفاده (Usability)
• 13. نقش تیم‌های مختلف (طراح، برنامه‌نویس، مدیر محصول) در دسترسی‌پذیری
• 14. بررسی مثال‌هایی از وب‌سایت‌های دسترس‌پذیر و غیرقابل دسترس
• 15. راه‌اندازی محیط تست: ابزارها و پلاگین‌های اولیه
• 16. مبانی HTML معنایی (Semantic HTML)
• 17. اهمیت ساختار صحیح هدینگ‌ها (H1-H6)
• 18. استفاده صحیح از لیست‌ها (ul, ol, dl)
• 19. لندمارک‌ها (Landmarks): header, nav, main, footer, aside
• 20. متن جایگزین (Alt Text) برای تصاویر: بهترین شیوه‌ها
• 21. تصاویر پیچیده و تزئینی: رویکردهای متفاوت
• 22. ایجاد لینک‌های قابل دسترس و معنادار
• 23. برچسب‌گذاری صحیح فرم‌ها: تگ `<label>`
• 24. گروه‌بندی فیلدهای فرم با `<fieldset>` و `<legend>`
• 25. دسترسی‌پذیری در کنترل‌های فرم (input, select, textarea, button)
• 26. ساختار جداول داده (Data Tables): thead, tbody, th, scope
• 27. جداول پیچیده و نحوه دسترس‌پذیر کردن آن‌ها
• 28. عناصر HTML5 و نقش آن‌ها در دسترسی‌پذیری (article, section, details)
• 29. اهمیت ویژگی `lang` در تگ `<html>`
• 30. تست دستی معنایی HTML با ابزارهای توسعه‌دهنده
• 31. معرفی WAI-ARIA و زمان استفاده از آن
• 32. قانون اول ARIA: از عناصر بومی HTML استفاده کنید
• 33. نقش‌ها (Roles)، وضعیت‌ها (States) و ویژگی‌ها (Properties) در ARIA
• 34. تفاوت بین `aria-label`, `aria-labelledby`, و `aria-describedby`
• 35. پیاده‌سازی ویجت‌های سفارشی با ARIA: مقدمه
• 36. ایجاد تب‌های (Tabs) دسترس‌پذیر
• 37. پیاده‌سازی آکاردئون (Accordion) دسترس‌پذیر
• 38. طراحی مودال (Modal) و دیالوگ‌های دسترس‌پذیر
• 39. نقش `role="alert"` و `role="status"`
• 40. مناطق زنده (Live Regions): `aria-live`, `aria-atomic`, `aria-relevant`
• 41. استفاده از `aria-hidden` برای پنهان کردن محتوا از صفحه‌خوان‌ها
• 42. تست کامپوننت‌های دارای ARIA
• 43. اشتباهات رایج در استفاده از ARIA
• 44. نقش `role="application"` و خطرات استفاده از آن
• 45. ارائه نام و توضیحات دسترس‌پذیر (Accessible Name and Description)
• 46. نقش CSS در دسترسی‌پذیری
• 47. کنتراست رنگ و ابزارهای تست آن
• 48. اهمیت حالت فوکوس قابل مشاهده (`:focus-visible`)
• 49. استایل‌دهی به حالت‌های مختلف (focus, hover, active)
• 50. پنهان کردن محتوا: `display: none` در مقابل `visibility: hidden`
• 51. استفاده از واحدهای نسبی (rem, em) برای مقیاس‌پذیری متن
• 52. طراحی واکنش‌گرا (Responsive Design) و قابلیت بزرگ‌نمایی (Zoom)
• 53. انتخاب فونت و خوانایی متن (Typography)
• 54. حالت کنتراست بالا (High Contrast Mode) در سیستم‌عامل‌ها
• 55. استفاده از `prefers-reduced-motion` برای کنترل انیمیشن‌ها
• 56. چالش‌های دسترسی‌پذیری در جاوا اسکریپت
• 57. مدیریت فوکوس (Focus Management) در اپلیکیشن‌های تک‌صفحه‌ای (SPA)
• 58. تله‌های کیبورد (Keyboard Traps) و نحوه جلوگیری از آن‌ها
• 59. دسترسی‌پذیری رویدادها: رویدادهای کیبورد در مقابل ماوس
• 60. اعلان تغییرات محتوای داینامیک به صفحه‌خوان‌ها
• 61. دسترسی‌پذیری در مسیریابی سمت کلاینت (Client-Side Routing)
• 62. تست کامپوننت‌های جاوا اسکریپتی
• 63. الگوی طراحی Disclosure (Show/Hide)
• 64. دسترسی‌پذیری در Tooltip ها
• 65. ایجاد اعلان‌های (Notifications) دسترس‌پذیر
• 66. مقدمه‌ای بر استراتژی‌های تست دسترسی‌پذیری
• 67. تفاوت تست خودکار، دستی و ترکیبی
• 68. تست ناوبری فقط با کیبورد (Keyboard-Only Navigation)
• 69. تست ترتیب فوکوس (Focus Order)
• 70. آشنایی عملی با صفحه‌خوان NVDA در ویندوز
• 71. آشنایی عملی با صفحه‌خوان VoiceOver در macOS
• 72. آشنایی عملی با صفحه‌خوان TalkBack در اندروید
• 73. استفاده از ابزارهای توسعه‌دهنده مرورگر برای تست
• 74. تست بزرگ‌نمایی صفحه تا 200% و 400%
• 75. ایجاد و استفاده از چک‌لیست تست دسترسی‌پذیری
• 76. تست شخصیت‌محور (Persona-based Testing)
• 77. معرفی ابزارهای تست خودکار: Axe, WAVE, Lighthouse
• 78. استفاده از افزونه‌های مرورگر برای تست سریع
• 79. ادغام تست دسترسی‌پذیری در فرآیند CI/CD
• 80. استفاده از `eslint-plugin-jsx-a11y` در پروژه‌های React
• 81. استفاده از `jest-axe` برای تست واحد کامپوننت‌ها
• 82. استفاده از `cypress-axe` برای تست End-to-End
• 83. معرفی کتابخانه Playwright و قابلیت‌های دسترسی‌پذیری آن
• 84. تحلیل گزارش‌های تست خودکار و رفع خطاها
• 85. محدودیت‌های تست خودکار و موارد مثبت کاذب (False Positives)
• 86. دسترسی‌پذیری فرم‌های پیچیده و اعتبارسنجی خطاها
• 87. دسترسی‌پذیری در نمودارها و گراف‌ها (Data Visualization)
• 88. دسترسی‌پذیری ویدیو: زیرنویس (Captions) و رونوشت (Transcripts)
• 89. دسترسی‌پذیری فایل‌های صوتی: ارائه رونوشت
• 90. مبانی دسترسی‌پذیری در فایل‌های PDF
• 91. دسترسی‌پذیری در دستگاه‌های موبایل: سوایپ و ژست‌های حرکتی
• 92. تست منوهای کشویی پیچیده (Mega Menus)
• 93. دسترسی‌پذیری در جداول زمانی (Carousels/Sliders)
• 94. دسترسی‌پذیری در انتخابگر تاریخ (Date Pickers)
• 95. مدیریت محتوای خارج از صفحه (Off-screen Content)
• 96. ادغام دسترسی‌پذیری در چرخه عمر توسعه نرم‌افزار (SDLC)
• 97. ایجاد و نگهداری یک بیانیه دسترسی‌پذیری (Accessibility Statement)
• 98. همکاری با طراحان UX/UI برای طراحی دسترس‌پذیر
• 99. آموزش و ترویج فرهنگ دسترسی‌پذیری در تیم
• 100. منابع برای یادگیری مستمر و به‌روز ماندن

دوره جامع تست دسترسی‌پذیری (Accessibility Testing) در فرانت‌اند: وب را برای همه بسازیم!