لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش دوره جامع دسترسیپذیری وب برای توسعهدهندگان (WCAG, A11y, EAA)
- آخرین آپدیت
دانلود Web Accessibility Crash Course for Devs (WCAG, A11y, EAA)
نکته:
ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:
تسلط بر استانداردهای WCAG 2.2 AA، ARIA و HTML معنایی (Semantic). ساخت وباپلیکیشنهای فراگیر و مطابق با قوانین ADA/EAA و موفقیت در ممیزیهای دسترسیپذیری.
ساخت وبسایتهای مطابق با استانداردهای EAA/ADA (WCAG 2.2 AA).
ارتقای مهارتهای توسعهدهندگی وب با یادگیری یک مهارت پرتقاضا.
توسعه اپلیکیشنهای وب فراگیر که تجربه کاربری (UX) بینقصی را برای همه کاربران فراهم میکند.
تسلط سریع بر ۸۰ تا ۹۰ درصد استانداردهای WCAG 2.2 AA بدون صرف ساعتها وقت برای مطالعه مستندات خشک.
پیش نیازها: دانش پایه توسعه فرانتاند
آیا آمادهاید تا وباپلیکیشنهای خود را بدون صرف هفتهها زمان برای مطالعه مستندات پیچیده، مطابق با استانداردها، دسترسیپذیر و کاربرپسند کنید؟
از سال ۲۰۲۵، قانون دسترسیپذیری اروپا (EAA) بهطور فعال اجرایی شده است. این تغییر بزرگ، دسترسیپذیری دیجیتال (A11y) را از یک ویژگی «خوب است داشته باشیم» به یک الزام قانونی سختگیرانه برای اکثر کسبوکارها تبدیل کرده است. چه در حال ساخت نرمافزاری برای بازارهای اروپایی باشید و چه مشتریانی جهانی با ممیزیهای سختگیرانه ADA داشته باشید، دسترسیپذیری اکنون یک معیار حیاتی تجاری است که توسعهدهندگان نمیتوانند نادیده بگیرند.
اما بیایید صادق باشیم: مستندات رسمی WCAG یک کابوس هستند. متونی متراکم، گیجکننده و شبیه به کتابهای حقوقی. وقتی ددلاینهای پروژهتان نزدیک است، وقت ندارید صدها صفحه تئوری را مرور کنید. دقیقاً به همین دلیل است که این دوره طراحی شده است!
در این دوره فشرده (حدود یک ساعت)، شما ۸۰ تا ۹۰ درصد استاندارد WCAG 2.2 AA را یاد میگیرید و برای تبدیل وبسایتهایتان به نسخههای کاملاً استاندارد آماده میشوید. از طریق مثالهای عملی کدنویسی، یاد میگیرید که چگونه هر ۵۵ قانون ضروری را پیادهسازی کنید. ما دقیقاً آنچه را که نیاز دارید پوشش میدهیم؛ از ناوبری صحیح با کیبورد و مدیریت فوکوس گرفته تا بهینهسازی ساختار DOM برای صفحهخوانها.
با تسلط بر این تکنیکهای اثرگذار، شما نه تنها پروژههای خود را از ریسکهای قانونی مصون میدارید، بلکه یک تجربه کاربری (UX) فراگیر و بینقص برای همه کاربران خلق میکنید. علاوه بر این، رزومه خود را با یک مهارت فنی پرتقاضا که شرکتهای مدرن تکنولوژی بهطور فعال به دنبال آن هستند، تقویت خواهید کرد.
همین امروز ثبتنام کنید و کدهای خود را سریعاً مطابق با استانداردها کنید.
سرفصل ها و درس ها
مقدمه
Introduction
نکات مهم و کلیات
Heads Up
معرفی سریع WCAG و W3.org
Quick introduction to WCAG and W3.org
HTML معنایی، ساختار و Aria
Semantic HTML, Structure & Aria
HTML معنایی؛ زیربنای دسترسیپذیری
Semantic HTML Is the Foundation of Accessibility
مبانی ARIA: نام، نقش، مقدار و پیامهای وضعیت
ARIA Basics: Name, Role, Value, and Status Messages
ترتیب DOM: چرا توالی خواندن اهمیت دارد
DOM Order: Why Your Reading Sequence Matters
Autocomplete: یک ویژگی با تأثیر بزرگ
Autocomplete: One Attribute, Big Impact
تصاویر، ویدیو و صوت
Images, Video and Audio
متن جایگزین و پیادهسازی درست تصاویر متنی
Alt Text and Images of Text Done Right
دسترسیپذیر کردن محتوای صوتی و تصویری
Making Audio and Video Content Accessible
طراحی بصری، خوانایی و واکنشگرا بودن
Visual Design, Readability and Responsiveness
چرا رنگ به تنهایی هرگز کافی نیست
Color Alone Is Never Enough
تنظیم درست کنتراست — متنها و عناصر UI
Getting Contrast Right — Text and UI Elements
متنهای تغییرپذیر و فاصلهگذاری منعطف
Resizable Text and Flexible Spacing
طراحی برای هر اندازه صفحه و جهتبندی
Designing for Every Screen and Orientation
دسترسیپذیری کیبورد، ماوس و ورودیها
Keyboard, Mouse and Input Accessibility
دسترسی کامل کیبورد بدون تلههای ناوبری
Full Keyboard Access Without Traps
فوکوس: ترتیب، رویتپذیری و ظاهر
Focus: Order, Visibility, and Appearance
ورودیهای اشارهگر، لمسی و حرکتی به روش درست
Pointer, Touch, and Motion Input Done Right
چرا نام دسترسیپذیر باید با لیبل مطابقت داشته باشد
Why Your Accessible Name Must Match the Label
زمانبندی و انیمیشنها
Timing and Animations
دادن کنترل زمان و حرکت به کاربر
Giving Users Control Over Time and Motion
جلوگیری از محتوای چشمکزن و ریسک تشنج
Avoiding Flashing Content and Seizure Risks
ناوبری و جهتبندی
Navigation and Orientation
لینکهای پرش (Skip Links) و عنوانهای صفحه کاربردی
Skip Links and Page Titles That Work
نوشتن لینکها، هدینگها و لیبلهای قابل فهم
Writing Links, Headings, and Labels People Understand
زبان، پیشبینیپذیری و فرمها
Language, Predictability and Forms
ساخت رابطهای کاربری پیشبینیپذیر و قابل اعتماد
Building Predictable, Trustworthy Interfaces
شناسایی و توضیح خطاهای فرم
Identifying and Explaining Form Errors
دستورالعملها و پرهیز از تکرار
Instructions and Not Repeating Yourself
احراز هویت دسترسیپذیر
Accessible Authentication
اعلان زبان برای صفحهخوانها
Declaring Language for Screen Readers
نمایش نظرات