آموزش دسترسی‌پذیری پیشرفته WCAG: تسلط بر الگوهای کامپوننت‌های ARIA - آخرین آپدیت

سرفصل ها و درس ها

شروع کار با دوره ARIA Getting started with this ARIA course

• مقدمه Introduction

شناخت ARIA چیست و چه زمانی از آن استفاده کنیم Identifying what ARIA is and when to use it

• مقدمه بخش Section introduction

• درک اینکه ARIA چیست Understanding what ARIA is

• یادگیری اصول هسته ARIA Learning the core principles of ARIA

• درک درخت دسترسی‌پذیری Understanding the accessibility tree

• خلاصه بخش Section summary

• مرور دانش Knowledge review

درک مشکلاتی که ARIA برای حل آن‌ها طراحی شده است Understanding the problems ARIA Is designed to solve

• مقدمه بخش Section introduction

• شناسایی نقاط ضعف HTML بومی Recognising where native HTML falls short

• شناسایی زمان و دلیل نیاز به ARIA Identifying when and why ARIA Is needed

• درک دلیل اولویت ساخت با HTML بومی Understanding why build with native HTML first

• خلاصه بخش Section summary

• مرور دانش Knowledge review

شناسایی نقش‌ها و ویژگی‌های اصلی ARIA Identifying core ARIA roles and attributes

• مقدمه بخش Section introduction

• درک نقش‌های رایج ARIA Understanding common ARIA roles

• اعمال وضعیت‌های ARIA برای بازتاب تعاملات UI Applying ARIA states to reflect UI interactions

• اعمال ویژگی‌های ARIA برای تعریف روابط و مشخصات Applying ARIA properties to define relationships and characteristics

• ساخت ویجت‌ها با نقش‌ها، وضعیت‌ها و ویژگی‌ها Building widgets with roles, states, and properties

• جلوگیری از اشتباهات رایج Preventing common pitfalls

• خلاصه بخش Section summary

• مرور دانش Knowledge review

ساخت یک Combobox با نتیجه Listbox (انتخاب تک‌گانه) Building a Combobox with Listbox result (single select)

• مقدمه بخش Section introduction

• معرفی کامپوننت و بررسی آناتومی Introducing the component and exploring the anatomy

• تجربه شکاف دسترسی‌پذیری Experiencing the accessibility gap

• شناسایی اجزای کامپوننت Identifying the component parts

• افزودن نقش‌های ARIA Adding the ARIA roles

• افزودن وضعیت‌های ARIA Adding the ARIA states

• افزودن ویژگی‌های ARIA Adding the ARIA properties

• پیاده‌سازی رفتار کیبورد Implementing keyboard behaviour

• افزودن رفتارهای تکمیلی Adding additional behaviour

• بهبود تجربه صفحه‌خوان Improving the screen reader experience

• افزودن رفتارهای فراتر از ARIA Adding behaviour beyond ARIA

• درک آنچه آموختید Understanding what you have learnt

• خلاصه بخش Section summary

• تمرین عملی Hands on exercise

• مرور دانش Knowledge review

ساخت کنترل Tab Building a Tab control

• مقدمه بخش Section introduction

• معرفی کامپوننت و بررسی آناتومی Introducing the component and exploring the anatomy

• تجربه شکاف دسترسی‌پذیری Experiencing the accessibility gap

• شناسایی اجزای کامپوننت Identifying the component parts

• افزودن نقش‌های ARIA Adding the ARIA roles

• افزودن وضعیت‌های ARIA Adding the ARIA states

• افزودن ویژگی‌های ARIA Adding the ARIA properties

• پیاده‌سازی رفتار کیبورد Implementing keyboard behaviour

• افزودن رفتارهای تکمیلی Adding additional behaviour

• بهبود تجربه صفحه‌خوان Improving the screen reader experience

• درک آنچه آموختید Understanding what you have learnt

• خلاصه بخش Section summary

• مرور دانش Knowledge review

• نمایش ویژه در دنیای واقعی Bonus real-world demonstration

ساخت کنترل Accordion Building an Accordion control

• مقدمه بخش Section introduction

• معرفی کامپوننت و بررسی آناتومی Introducing the component and exploring the anatomy

• تجربه شکاف دسترسی‌پذیری Experiencing the accessibility gap

• شناسایی اجزای کامپوننت Identifying the component parts

• پیاده‌سازی ARIA Implementing ARIA

• افزودن نقش‌های ARIA Adding the ARIA roles

• افزودن وضعیت‌های ARIA Adding the ARIA states

• افزودن ویژگی‌های ARIA Adding the ARIA properties

• پیاده‌سازی رفتار کیبورد Implementing keyboard behaviour

• بهبود تجربه صفحه‌خوان Improving the screen reader experience

• درک آنچه آموختید Understanding what you have learnt

• خلاصه بخش Section summary

• مرور دانش Knowledge review

تثبیت آموخته‌ها Locking in what you've learned

• شما موفق شدید! You've made it!

• گام بعدی چیست؟ Where to next?

• ارتباط با من Reach out to me

• نظرسنجی بازخورد و ارزیابی مدرس Feedback survey and teacher evaluation