فلش‌کارت‌های آموزشی HTML و دسترس‌پذیری وب: طراحی وب برای همه

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

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

عنوان دوره: دوره HTML و دسترس‌پذیری وب: طراحی وب برای همه

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

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

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

• 1. مبانی دسترس‌پذیری وب و اهمیت آن
• 2. معرفی استانداردهای WCAG و سطوح انطباق
• 3. اصول چهارگانه دسترس‌پذیری: ادراک‌پذیری، عملیات‌پذیری، قابل‌فهم بودن و استواری
• 4. ساختار پایه سند HTML و نقش آن در دسترس‌پذیری
• 5. زبان صفحه و تنظیم Attribute زبان
• 6. عنوان صفحه و اهمیت آن برای صفحه‌خوان‌ها
• 7. ساختار معنایی HTML و تفاوت آن با ساختار ظاهری
• 8. استفاده صحیح از عناوین H1 تا H6
• 9. سلسله‌مراتب منطقی عناوین در صفحه
• 10. عناصر معنایی HTML5: header، nav، main، aside و footer
• 11. نقش Landmarkها در پیمایش صفحه‌خوان
• 12. ساختاردهی محتوا با section و article
• 13. استفاده صحیح از لیست‌های مرتب و نامرتب
• 14. ساختاردهی جدول‌های داده با caption، th و scope
• 15. جدول‌های پیچیده و ارتباط سلول‌ها با headers
• 16. متن جایگزین تصاویر با alt
• 17. تصاویر تزئینی و نحوه علامت‌گذاری آن‌ها
• 18. تصاویر پیچیده و توضیحات بلند
• 19. نقش‌های ARIA و کاربرد صحیح آن‌ها
• 20. تفاوت ARIA و HTML معنایی
• 21. قانون طلایی ARIA: عدم استفاده بی‌مورد
• 22. برچسب‌گذاری فرم‌ها با label
• 23. ارتباط صریح و ضمنی label با input
• 24. گروه‌بندی فیلدهای فرم با fieldset و legend
• 25. راهنمای ورودی با aria-describedby
• 26. اعتبارسنجی فرم و پیام‌های خطای قابل دسترس
• 27. مدیریت فوکوس در فرم‌ها
• 28. دسترس‌پذیری دکمه‌ها و عناصر تعاملی
• 29. تفاوت button و a و کاربرد صحیح هرکدام
• 30. دسترس‌پذیری لینک‌ها و متن لینک معنادار
• 31. حذف لینک‌های «اینجا کلیک کنید» و جایگزین‌های بهتر
• 32. دسترس‌پذیری منوهای ناوبری
• 33. منوهای بازشو و مدیریت فوکوس
• 34. پیاده‌سازی منوی همبرگری قابل دسترس
• 35. دسترس‌پذیری مودال‌ها و دیالوگ‌ها
• 36. مدیریت فوکوس در مودال و بازگشت آن
• 37. بستن مودال با کلید Escape
• 38. دسترس‌پذیری تب‌ها و آکاردئون‌ها
• 39. نقش‌های ARIA در ویجت‌های تعاملی
• 40. دسترس‌پذیری پیام‌های هشدار و اعلان‌ها
• 41. استفاده از aria-live برای محتوای پویا
• 42. تنظیم aria-live polite و assertive
• 43. دسترس‌پذیری محتوای پویا و بارگذاری AJAX
• 44. مدیریت تغییرات DOM و اطلاع‌رسانی به صفحه‌خوان
• 45. دسترس‌پذیری ویدیو و صوت
• 46. زیرنویس و متن جایگزین رسانه
• 47. کنترل‌های پخش قابل دسترس
• 48. دسترس‌پذیری انیمیشن‌ها و حرکت
• 49. احترام به تنظیم prefers-reduced-motion
• 50. جلوگیری از محتوای چشمک‌زن و خطرات صرع
• 51. کنتراست رنگ و خوانایی متن
• 52. معیارهای نسبت کنتراست WCAG
• 53. ابزارهای بررسی کنتراست رنگ
• 54. اندازه فونت و فاصله‌گذاری قابل تنظیم
• 55. دسترس‌پذیری برای کاربران کم‌بینا
• 56. سازگاری با بزرگ‌نمایی صفحه
• 57. پشتیبانی از حالت پرکنتراست سیستم‌عامل
• 58. دسترس‌پذیری برای کاربران ناشنوا و کم‌شنوا
• 59. دسترس‌پذیری برای کاربران دارای اختلال حرکتی
• 60. دسترس‌پذیری برای کاربران دارای اختلال شناختی و یادگیری
• 61. دسترس‌پذیری برای کاربران مسن
• 62. طراحی واکنش‌گرا و دسترس‌پذیری
• 63. دسترس‌پذیری در دستگاه‌های لمسی
• 64. هدف‌های لمسی و اندازه مناسب آن‌ها
• 65. ناوبری با صفحه‌کلید و ترتیب Tab
• 66. مدیریت Focus Visible و نشانگر فوکوس
• 67. پرش به محتوای اصلی با Skip Link
• 68. دسترس‌پذیری و SEO: هم‌راستایی اهداف
• 69. تست دسترس‌پذیری با ابزارهای خودکار
• 70. تست دسترس‌پذیری با صفحه‌خوان‌ها
• 71. تست دسترس‌پذیری با کاربران واقعی
• 72. مستندسازی و گزارش مسائل دسترس‌پذیری
• 73. بهبود تدریجی و راهبردهای پیاده‌سازی
• 74. قوانین و مقررات دسترس‌پذیری در جهان
• 75. دسترس‌پذیری در پروژه‌های سازمانی و دولتی
• 76. فرهنگ‌سازی دسترس‌پذیری در تیم‌های توسعه
• 77. پروژه عملی: بازطراحی یک صفحه وب برای دسترس‌پذیری کامل