آموزش مقدمه ای بر دسترسی به وب WCAG 2.1

Introduction to Web Accessibility WCAG 2.1

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: دسترسی به وب را بیاموزید و الگوها و تکنیک‌های دسترسی WCAG 2.1 را در وب‌سایت‌های خود به کار ببرید. به اصول اولیه WCAG 2.1، از جمله 3 سطح انطباق، مفاهیم POUR و تکنیک‌های کافی تسلط داشته باشید. توالی ها و عناصر معنایی محتوای قابل دسترسی را با تصاویر توصیفی بسازید، درک کنید که چگونه رنگ های قابل دسترسی را تعیین کنید و داده های جدولی را با جدول های داده چیدمان کنید. فرم های قابل دسترسی ایجاد کنید که شامل الگوهای خطا و اعتبارسنجی با استفاده از بهترین روش های WCAG 2.1 باشد. وب سایت پیش نیازها: شما باید با نوشتن HTML و CSS در ویرایشگر متن راحت باشید صفحه نمایش تلفن همراه ممکن است برای مشاهده این دوره خوب باشد، اما شما چیزی بزرگتر برای تمرینات دستی می خواهید شما به یک دسکتاپ یا لپ تاپ نیاز دارید. کامپیوتر توصیه می کنیم از Google Chrome یا Mozilla Firefox استفاده کنید و مطمئن شوید که این کار را انجام می دهند به روز است اما مایکروسافت اج نیز قابل قبول است.

توجه داشته باشید. مطالب دوره ما به طور مداوم در حال پیشرفت است. این دوره به صورت رایگان در سراسر سال 2020 به روز خواهد شد و یک توقفگاه برای همه چیزهایی است که برای شروع ساختن وب سایت های قابل دسترس نیاز دارید. این بهترین دوره آنلاین دسترسی به وب است که با قیمت بسیار مقرون به صرفه موجود است.

این دوره برای آموزش اصول دسترسی به وب و نحوه اعمال این تکنیک ها در وب سایت هایی که ایجاد می کنید طراحی شده است. ماژول‌ها در دسته‌هایی سازمان‌دهی شده‌اند که تکنیک‌های دسترسی به بخش‌های مربوطه یک صفحه وب را گروه‌بندی می‌کنند.

هر سخنرانی فقط یک مفهوم دسترسی را توضیح می‌دهد و بعد از هر سخنرانی یک مسابقه برای تکمیل و سپس پایان فعالیت ماژول وجود دارد که همه چیزهایی را که آموخته‌اید در یک وب‌سایت آزمایشی اعمال می‌کند. اکثر سخنرانی ها تقریباً 5 دقیقه طول می کشند و هیچ سخنرانی بیش از 10 دقیقه طول نمی کشد.

یاد خواهید گرفت:

  • مروری از دستورالعمل‌های دسترسی به وب و WCAG 2.1

  • ساختار یک صفحه را با استفاده از اسکلت پشتیبانی دسترسی بسازید

  • محتوا را به روشی قابل دسترس ایجاد کنید

  • بهبود ساختار فرم‌های وب با استفاده از روش‌های دسترسی به بهترین روش مدیریت خطا و الگوهای اعتبارسنجی

  • تکنیک‌های دسترس‌پذیری را در یک وب‌سایت آزمایشی که در GitHub میزبانی شده است، اعمال کنید

این دوره به شما الگوهای قابل استفاده مجدد کاربردی و نمونه‌های دسترسی به بهترین روش را برای اعمال در پروژه‌های خود می‌دهد. دسترسی به وب به سرعت در حال تبدیل شدن به یک مهارت مورد نیاز هنگام توسعه برای وب است. درک دستورالعمل‌های دسترس‌پذیری می‌تواند دشوار و اعمال چالش برانگیز باشد. اغلب به توسعه‌دهندگان واگذار می‌شود که تلاش کنند و با تلاش برای خواندن و درک دستورالعمل‌های فنی بسیار پیچیده، تمام تلاش خود را برای دسترسی به محتوا انجام دهند.

کارفرمایان به دنبال توسعه دهندگانی هستند که دارای یک مزیت باشند، دسترسی به وب این مزیت است. درک اینکه چگونه افراد دارای معلولیت در یک وب سایت پیمایش می کنند و چگونه می توانید تجربه را بهتر کنید، شما را از سایر توسعه دهندگان متمایز می کند. اگر در زمینه توسعه وب‌سایت یا نرم‌افزار، طراحی UX یا UI در هر فن‌آوری frontend یا backend کار می‌کنید، این دوره برای شما مناسب است.

دسترسی به وب مهم‌تر از همیشه است، زیرا سرویس‌های بیشتری به صورت آنلاین در حال حرکت هستند. تا زمانی که این خدمات در دسترس نباشد، وب می‌تواند به مانع بزرگی برای افراد دارای معلولیت تبدیل شود تا فرصتی عالی برای کمک به زندگی مستقل.


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

به دوره خوش آمدید Welcome To The Course

  • معرفی Introduction

  • آماده سازی دوره Course Preparation

به دوره خوش آمدید Welcome To The Course

  • معرفی Introduction

  • طرح کلی دوره Course Outline

  • طرح کلی دوره Course Outline

  • آماده سازی دوره Course Preparation

بررسی اجمالی دسترسی به وب Web Accessibility Overview

  • مقدمه ای بر دسترسی به وب Introduction To Web Accessibility

  • اصول POUR The POUR Principles

  • 3 سطح انطباق The 3 Levels Of Conformance

  • 3 سطح پیوندهای انطباق The 3 Levels Of Conformance Links

  • نحوه ارزیابی دسترسی به وب How To Assess Web Accessibility

  • انواع تکنیک های کافی Types Of Sufficient Techniques

  • قابلیت دسترسی به وب چیست Recap What Is Web Accessibility

بررسی اجمالی دسترسی به وب Web Accessibility Overview

  • مقدمه ای بر دسترسی به وب Introduction To Web Accessibility

  • اصول WCAG 2.1 The WCAG 2.1 Principles

  • اصول WCAG 2.1 The WCAG 2.1 Principles

  • اصول POUR The POUR Principles

  • پیوندهای اصول POUR POUR Principles Links

  • پیوندهای اصول POUR POUR Principles Links

  • 3 سطح انطباق The 3 Levels Of Conformance

  • 3 سطح پیوندهای انطباق The 3 Levels Of Conformance Links

  • نحوه ارزیابی دسترسی به وب How To Assess Web Accessibility

  • نحوه ارزیابی پیوندهای دسترسی به وب How To Assess Web Accessibility Links

  • نحوه ارزیابی پیوندهای دسترسی به وب How To Assess Web Accessibility Links

  • انواع تکنیک های کافی Types Of Sufficient Techniques

  • قابلیت دسترسی به وب چیست Recap What Is Web Accessibility

  • نکات کلیدی برای دسترسی به وب Key Takeaways For Web Accessibility

  • نکات کلیدی برای دسترسی به وب Key Takeaways For Web Accessibility

ساختن ساختار یک صفحه Building The Structure Of A Page

  • چرا ساختار صفحه مهم است Why Page Structure Is Important

  • عناوین صفحه توصیفی ایجاد کنید Create Descriptive Page Titles

  • پیوند عناوین صفحه توصیفی ایجاد کنید Create Descriptive Page Titles Link

  • خلاصه ایجاد عناوین صفحه توصیفی Recap Create Descriptive Page Titles

  • پیوندهای زبان صفحه را تنظیم کنید Set The Page Language Links

  • مروری بر محتوای تکراری دور زدن Recap Bypass Repeating Content

  • ایجاد سرفصل های منطقی Create Logical Headings

  • ایجاد سرفصل های منطقی را خلاصه کنید Recap Create Logical Headings

  • اضافه کردن مناطق شاخص HTML5 Add HTML5 Landmark Regions

  • نکات کلیدی برای ساختن ساختار یک صفحه Key Takeaways For Building The Structure Of A Page

  • فعالیت ساخت ساختار صفحه Activity Building The Page Structure

ساختن ساختار یک صفحه Building The Structure Of A Page

  • چرا ساختار صفحه مهم است Why Page Structure Is Important

  • عناوین صفحه توصیفی ایجاد کنید Create Descriptive Page Titles

  • پیوند عناوین صفحه توصیفی ایجاد کنید Create Descriptive Page Titles Link

  • خلاصه ایجاد عناوین صفحه توصیفی Recap Create Descriptive Page Titles

  • زبان صفحه را تنظیم کنید Set The Page Language

  • زبان صفحه را تنظیم کنید Set The Page Language

  • پیوندهای زبان صفحه را تنظیم کنید Set The Page Language Links

  • Recap زبان صفحه را تنظیم کنید Recap Set The Page Language

  • Recap زبان صفحه را تنظیم کنید Recap Set The Page Language

  • دور زدن محتوای تکراری Bypass Repeating Content

  • دور زدن محتوای تکراری Bypass Repeating Content

  • دور زدن پیوند محتوای تکراری Bypass Repeating Content Link

  • دور زدن پیوند محتوای تکراری Bypass Repeating Content Link

  • مروری بر محتوای تکراری دور زدن Recap Bypass Repeating Content

  • ایجاد سرفصل های منطقی Create Logical Headings

  • ایجاد سرفصل های منطقی را خلاصه کنید Recap Create Logical Headings

  • اضافه کردن مناطق شاخص HTML5 Add HTML5 Landmark Regions

  • خلاصه اضافه کردن مناطق شاخص HTML5 Recap Add HTML5 Landmark Regions

  • خلاصه اضافه کردن مناطق شاخص HTML5 Recap Add HTML5 Landmark Regions

  • اجتناب از Tab Index مصنوعی Avoid An Artificial Tabindex

  • اجتناب از Tab Index مصنوعی Avoid An Artificial Tabindex

  • خلاصه نویسی از Tab Index مصنوعی اجتناب کنید Recap Avoid An Artificial Tabindex

  • خلاصه نویسی از Tab Index مصنوعی اجتناب کنید Recap Avoid An Artificial Tabindex

  • نکات کلیدی برای ساختن ساختار یک صفحه Key Takeaways For Building The Structure Of A Page

  • فعالیت ساخت ساختار صفحه Activity Building The Page Structure

افزودن محتوای سطح صفحه Adding Page Level Content

  • محتوای سطح صفحه چیست؟ What Is Page Level Content

  • رنگ های در دسترس را انتخاب کنید Choose Accessible Colours

  • خلاصه رنگ های قابل دسترس را انتخاب کنید Recap Choose Accessible Colours

  • خلاصه تصاویر تزئینی و توصیفی Recap Decorative & Descriptive Images

  • افزودن فوکوس صفحه کلید و ماوس Add Keyboard And Mouse Focus

  • خلاصه اضافه کردن فوکوس صفحه کلید و ماوس Recap Add Keyboard And Mouse Focus

  • متن پیوند پاک را بنویسید Write Clear Link Text

  • از Datatables برای داده های جدولی استفاده کنید Use Datatables For Tabular Data

  • خلاصه استفاده از Datatables برای داده های جدولی Recap Use Datatables For Tabular Data

  • نکات کلیدی برای افزودن محتوای سطح صفحه Key Takeaways For Adding Page Level Content

افزودن محتوای سطح صفحه Adding Page Level Content

  • محتوای سطح صفحه چیست؟ What Is Page Level Content

  • رنگ های در دسترس را انتخاب کنید Choose Accessible Colours

  • خلاصه رنگ های قابل دسترس را انتخاب کنید Recap Choose Accessible Colours

  • تصاویر تزئینی و توصیفی Decorative & Descriptive Images

  • تصاویر تزئینی و توصیفی Decorative & Descriptive Images

  • خلاصه تصاویر تزئینی و توصیفی Recap Decorative & Descriptive Images

  • از عناصر معنایی استفاده کنید Use Semantic Elements

  • از عناصر معنایی استفاده کنید Use Semantic Elements

  • خلاصه استفاده از عناصر معنایی Recap Use Semantic Elements

  • خلاصه استفاده از عناصر معنایی Recap Use Semantic Elements

  • افزودن فوکوس صفحه کلید و ماوس Add Keyboard And Mouse Focus

  • خلاصه اضافه کردن فوکوس صفحه کلید و ماوس Recap Add Keyboard And Mouse Focus

  • متن پیوند پاک را بنویسید Write Clear Link Text

  • خلاصه نوشتن متن پیوند را پاک کنید Recap Write Clear Link Text

  • خلاصه نوشتن متن پیوند را پاک کنید Recap Write Clear Link Text

  • لینک های مرتبط با گروه Group Related Links

  • لینک های مرتبط با گروه Group Related Links

  • پیوندهای مرتبط با گروه را جمع بندی کنید Recap Group Related Links

  • پیوندهای مرتبط با گروه را جمع بندی کنید Recap Group Related Links

  • از Datatables برای داده های جدولی استفاده کنید Use Datatables For Tabular Data

  • خلاصه استفاده از Datatables برای داده های جدولی Recap Use Datatables For Tabular Data

  • نکات کلیدی برای افزودن محتوای سطح صفحه Key Takeaways For Adding Page Level Content

  • فعالیت افزودن محتوای سطح صفحه Activity Adding Page Level Content

  • فعالیت افزودن محتوای سطح صفحه Activity Adding Page Level Content

ساختار یک فرم وب Structuring A Web Form

  • چرا ساختار یک فرم وب مهم است؟ Why Is Structuring A Web Form Important

  • ناوبری در یک فرم Navigation In A Form

  • فرمت های داده را شناسایی کنید Identify Data Formats

  • خلاصه شناسایی فرمت های داده Recap Identify Data Formats

  • خلاصه ورودی مورد نیاز برجسته کردن Recap Highlight Required Input

  • از خطاهای درون خطی استفاده کنید Use Inline Errors

  • خلاصه استفاده از خطاهای درون خطی Recap Use Inline Errors

  • پیشنهاد اصلاحات Suggest Corrections

  • خلاصه پیشنهاد اصلاحات Recap Suggest Corrections

  • از A Validation Summary استفاده کنید Use A Validation Summary

  • فعالیت ساختار یک فرم وب Activity Structuring a Web Form

ساختار یک فرم وب Structuring A Web Form

  • چرا ساختار یک فرم وب مهم است؟ Why Is Structuring A Web Form Important

  • ناوبری در یک فرم Navigation In A Form

  • افزودن برچسب به کنترل ها Add Labels To Controls

  • افزودن برچسب به کنترل ها Add Labels To Controls

  • خلاصه اضافه کردن برچسب به کنترل ها Recap Add Labels To Controls

  • خلاصه اضافه کردن برچسب به کنترل ها Recap Add Labels To Controls

  • فرمت های داده را شناسایی کنید Identify Data Formats

  • خلاصه شناسایی فرمت های داده Recap Identify Data Formats

  • ورودی مورد نیاز را برجسته کنید Highlight Required Input

  • ورودی مورد نیاز را برجسته کنید Highlight Required Input

  • خلاصه ورودی مورد نیاز برجسته کردن Recap Highlight Required Input

  • کنترل های مرتبط با گروه Group Related Controls

  • کنترل های مرتبط با گروه Group Related Controls

  • جمع بندی کنترل های مرتبط با گروه Recap Group Related Controls

  • جمع بندی کنترل های مرتبط با گروه Recap Group Related Controls

  • رسیدگی به خطاها Handle Errors

  • رسیدگی به خطاها Handle Errors

  • از خطاهای درون خطی استفاده کنید Use Inline Errors

  • خلاصه استفاده از خطاهای درون خطی Recap Use Inline Errors

  • پیشنهاد اصلاحات Suggest Corrections

  • خلاصه پیشنهاد اصلاحات Recap Suggest Corrections

  • از A Validation Summary استفاده کنید Use A Validation Summary

  • خلاصه استفاده از یک خلاصه اعتبارسنجی Recap Use A Validation Summary

  • خلاصه استفاده از یک خلاصه اعتبارسنجی Recap Use A Validation Summary

  • نکات کلیدی برای ساختار یک فرم وب Key Takeaways For Structuring a Web Form

  • نکات کلیدی برای ساختار یک فرم وب Key Takeaways For Structuring a Web Form

  • فعالیت ساختار یک فرم وب Activity Structuring a Web Form

نتیجه Conclusion

  • پیوندهای خارجی توییتر External Twitter Links

  • به من برس Reach Out To Me

  • نظرسنجی بازخورد و ارزشیابی معلم Feedback Survey And Teacher Evaluation

نتیجه Conclusion

  • خلاصه مطالبی که آموخته اید Recap Of What You Have Learnt

  • خلاصه مطالبی که آموخته اید Recap Of What You Have Learnt

  • در گفتگوی آنلاین شرکت کنید Be Involved In The Conversation Online

  • در گفتگوی آنلاین شرکت کنید Be Involved In The Conversation Online

  • پیوندهای خارجی توییتر External Twitter Links

  • کتابهایی برای آشنایی با قابلیت دسترسی Books To Get About Accessibility

  • کتابهایی برای آشنایی با قابلیت دسترسی Books To Get About Accessibility

  • کتابهایی برای دریافت پیوندهای دسترسی Books To Get About Accessibility Links

  • کتابهایی برای دریافت پیوندهای دسترسی Books To Get About Accessibility Links

  • وب‌سایت‌ها و وبلاگ‌ها برای خواندن اطلاعات بیشتر درباره قابلیت دسترسی Websites And Blogs To Read More About Accessibility

  • وب‌سایت‌ها و وبلاگ‌ها برای خواندن اطلاعات بیشتر درباره قابلیت دسترسی Websites And Blogs To Read More About Accessibility

  • وب‌سایت‌ها و وبلاگ‌ها برای خواندن اطلاعات بیشتر درباره پیوندهای دسترسی Websites And Blogs To Read More About Accessibility Links

  • وب‌سایت‌ها و وبلاگ‌ها برای خواندن اطلاعات بیشتر درباره پیوندهای دسترسی Websites And Blogs To Read More About Accessibility Links

  • به من برس Reach Out To Me

  • پیوندها به من برسید Reach Out To Me Links

  • پیوندها به من برسید Reach Out To Me Links

  • نظرسنجی بازخورد و ارزشیابی معلم Feedback Survey And Teacher Evaluation

  • پیوند نظرسنجی بازخورد و ارزیابی معلم Feedback Survey And Teacher Evaluation Link

  • پیوند نظرسنجی بازخورد و ارزیابی معلم Feedback Survey And Teacher Evaluation Link

نمایش نظرات

آموزش مقدمه ای بر دسترسی به وب WCAG 2.1
جزییات دوره
3 hours
58
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
3,938
4.4 از 5
ندارد
دارد
دارد
Ross Mullen
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Ross Mullen Ross Mullen

متخصص دسترسی دیجیتال