اپلیکیشن اندرویدی فلش‌کارت آموزشی ساخت وب‌سایت‌های دسترس‌پذیر با Angular

📚 کتاب آموزشی جامع

📚 اطلاعات کتاب

عنوان کتاب: کتاب ساخت وب‌سایت‌های دسترس‌پذیر با Angular

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

موضوع میانی: נגישות وب (Web Accessibility)

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

• 1. مقدمه به دسترس‌پذیری وب
• 2. اهمیت دسترس‌پذیری وب
• 3. استانداردهای دسترس‌پذیری (WCAG)
• 4. سطوح انطباق (A, AA, AAA)
• 5. معماری دسترس‌پذیری در Angular
• 6. ابزارها و منابع دسترس‌پذیری
• 7. مرور کلی بر Angular
• 8. مفاهیم اصلی Angular (کامپوننت‌ها، سرویس‌ها، ماژول‌ها)
• 9. نصب و راه‌اندازی محیط توسعه Angular
• 10. ایجاد اولین پروژه Angular
• 11. ساختار پروژه Angular
• 12. کامپوننت‌های پایه و بهترین شیوه‌ها
• 13. استفاده از HTML معنایی (Semantic HTML)
• 14. تگ‌های معنایی و نقش آن‌ها در دسترس‌پذیری
• 15. استفاده صحیح از `<header>`, `<nav>`, `<main>`, `<article>`, `<aside>`, `<footer>`
• 16. تگ‌های عنوان (`<h1>` تا `<h6>`) و سلسله مراتب آن‌ها
• 17. استفاده از لیست‌ها (`<ul>`, `<ol>`, `<dl>`)
• 18. استفاده از جداول معنایی (`<table>`, `<caption>`, `<thead>`, `<tbody>`, `<th>`, `<td>`)
• 19. نقش ARIA در دسترس‌پذیری
• 20. مقدمه به ARIA (Accessible Rich Internet Applications)
• 21. ویژگی‌های ARIA Role
• 22. ویژگی‌های ARIA State و Property
• 23. استفاده از ARIA Roleهای استاندارد
• 24. استفاده از ARIA State و Property برای عناصر پویا
• 25. نکاتی در مورد استفاده صحیح از ARIA
• 26. مدیریت فوکوس در Angular
• 27. اهمیت مدیریت فوکوس
• 28. فوکوس قابل مشاهده (Visible Focus)
• 29. مدیریت فوکوس در کامپوننت‌های Angular
• 30. استفاده از `tabindex`
• 31. جلوگیری از از دست دادن فوکوس
• 32. انتقال فوکوس به عناصر پویا
• 33. مدیریت فوکوس در مودال‌ها و پنجره‌های بازشو
• 34. استفاده از `autofocus` با احتیاط
• 35. دسترس‌پذیری فرم‌ها در Angular
• 36. ساخت فرم‌های دسترس‌پذیر
• 37. برچسب‌های `label` و ارتباط آن‌ها با فیلدها
• 38. استفاده از `aria-label` و `aria-labelledby`
• 39. پیام‌های خطا و راهنمایی دسترس‌پذیر
• 40. اعتبارسنجی فرم و نمایش بازخورد
• 41. مدیریت خطاها در فرم‌های Angular
• 42. استفاده از فرم‌های تمپلیت-محور (Template-driven Forms)
• 43. استفاده از فرم‌های واکنشی (Reactive Forms)
• 44. نشانه‌گذاری و استایل‌دهی دسترس‌پذیر
• 45. استفاده از CSS با رویکرد دسترس‌پذیر
• 46. کنتراست رنگی مناسب
• 47. اندازه فونت مناسب و قابل تغییر
• 48. فاصله‌گذاری مناسب بین عناصر
• 49. استفاده از `rem` و `em` برای واحدهای اندازه‌گیری
• 50. استفاده از CSS برای مخفی کردن عناصر به صورت دسترس‌پذیر
• 51. استفاده از کلاس‌های کمکی برای دسترس‌پذیری
• 52. دسترس‌پذیری محتوای تصویری و رسانه‌ای
• 53. متن جایگزین (Alt Text) برای تصاویر
• 54. نکات مهم در نوشتن متن جایگزین
• 55. تصاویر تزئینی و `alt=""`
• 56. تصاویر پیچیده (نمودارها، اینفوگرافیک‌ها)
• 57. دسترس‌پذیری ویدئو و صدا
• 58. زیرنویس (Captions)
• 59. متن رونویسی (Transcripts)
• 60. توضیحات صوتی (Audio Descriptions)
• 61. کنترل‌های پخش دسترس‌پذیر
• 62. دسترس‌پذیری ناوبری و لینک‌ها
• 63. لینک‌های توصیفی و واضح
• 64. "Skiplinks" برای دور زدن ناوبری
• 65. عنوان صفحه (Page Title) مناسب
• 66. ناوبری صفحه کلید (Keyboard Navigation)
• 67. تست دسترس‌پذیری
• 68. اهمیت تست دسترس‌پذیری
• 69. تست دستی با صفحه کلید
• 70. استفاده از ابزارهای خودکار تست دسترس‌پذیری
• 71. افزونه‌های مرورگر (Chrome, Firefox)
• 72. ابزارهای خط فرمان (CLI)
• 73. تست با صفحه‌خوان‌ها (Screen Readers)
• 74. معرفی صفحه‌خوان‌ها (NVDA, JAWS, VoiceOver)
• 75. نحوه تست با صفحه‌خوان‌ها
• 76. تست با کاربران واقعی
• 77. استفاده از ابزارهای توسعه‌دهنده مرورگر
• 78. تحلیل دسترس‌پذیری در DevTools
• 79. کار با Accessibility Tree
• 80. تست کانتراست رنگی در DevTools
• 81. تست فوکوس در DevTools
• 82. دسترس‌پذیری در کامپوننت‌های Angular Material
• 83. مقدمه به Angular Material
• 84. کامپوننت‌های دسترس‌پذیر Angular Material
• 85. استفاده از `mat-label` و `mat-form-field`
• 86. مدیریت فوکوس در کامپوننت‌های Material
• 87. نشانه‌گذاری ARIA در کامپوننت‌های Material
• 88. دسترس‌پذیری در کامپوننت‌های سفارشی Angular
• 89. طراحی کامپوننت‌های سفارشی با در نظر گرفتن دسترس‌پذیری
• 90. استفاده از HTML معنایی در کامپوننت‌های سفارشی
• 91. پیاده‌سازی ARIA در کامپوننت‌های سفارشی
• 92. مدیریت فوکوس در کامپوننت‌های سفارشی
• 93. تست دسترس‌پذیری کامپوننت‌های سفارشی
• 94. دسترس‌پذیری در برنامه‌های تک‌صفحه‌ای (SPA) با Angular
• 95. چالش‌های دسترس‌پذیری در SPAها
• 96. مدیریت تغییر مسیر (Routing) و دسترس‌پذیری
• 97. به‌روزرسانی `aria-live` برای محتوای پویا
• 98. مدیریت فوکوس پس از تغییر مسیر
• 99. دسترس‌پذیری در برنامه‌های موبایل با Angular (PWA)
• 100. ملاحظات دسترس‌پذیری برای PWAها