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

دانلود Practical Accessibility for Web Developers: Form Controls

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

دسترسی‌پذیری وب برای توسعه‌دهندگان: کنترل‌های فرم

یاد بگیرید چگونه دسترسی‌پذیری وب را پیاده‌سازی کنید، یک کنترل فرم در هر زمان، مطابق با استانداردهای WCAG 2.2.

چگونه کنترل‌های فرم وب قابل دسترس بسازیم (فیلدهای متنی، کنترل‌های انتخاب، دکمه‌های رادیویی، چک‌باکس‌ها، دکمه‌ها و غیره).

فرم‌های وب خود را با استانداردهای WCAG 2.2 سازگار کنید.

ذهنیت دسترسی‌پذیری را توسعه دهید.

دسترسی‌پذیری وب به زبان ساده.

مروری بر WCAG 3.0 بدست آورید.

پیش‌نیازها:

  • دانش پایه‌ای توسعه وب (HTML, CSS, JS)

دسترسی‌پذیری عملی برای توسعه‌دهندگان وب: کنترل‌های فرم

آیا شکاف ارتباطی بین توسعه‌دهندگان وب و تست‌کنندگان دسترسی‌پذیری را مشاهده کرده‌اید؟

آیا از اینکه تست‌کنندگان دسترسی‌پذیری همیشه نمی‌توانند به شما بگویند چه چیزی برای انطباق نیاز به اصلاح دارد، ناامید شده‌اید؟

آیا در تلاش برای انطباق با (یا حتی درک) بخش 508 یا دستورالعمل‌های دسترسی‌پذیری محتوای وب (WCAG) هستید؟

برای من، پاسخ به هر سه مورد مثبت است. به همین دلیل است که این دوره را ایجاد کرده‌ام.

این دوره برای توسعه‌دهندگان وب است که می‌خواهند فرم‌های وب قابل دسترس ایجاد کنند؛ اما نمی‌خواهند کسی تمام معیارهای WCAG را برایشان مرور کند.

در این دوره، عناصر فرم زیر را پوشش خواهیم داد و در مورد چگونگی اطمینان از انطباق آن‌ها با WCAG 2.1/2.2 صحبت خواهیم کرد:

  • برچسب‌ها (سنتی و پنهان)
  • فیلدها و گروه‌ها
  • دستورالعمل‌های فرم
  • فیلدهای متنی
  • کنترل‌های انتخاب
  • دکمه‌های رادیویی
  • چک‌باکس‌ها
  • دکمه‌ها
  • علامت‌گذاری فیلدهای الزامی
  • و موارد بیشتر از جمله ویژگی‌های ARIA، صفحه‌خوان‌ها و دام‌ها!

در حالی که این دوره برای توسعه‌دهندگان وب در نظر گرفته شده است - تست‌کنندگان دسترسی‌پذیری، طراحان، یا هر کس دیگری که سهم یا علاقه‌ای در فرم‌های وب سازگار با WCAG 2.1/2.2 دارد، از آن بهره‌مند می‌شود.

اگر قصد شرکت در این دوره را دارید، توصیه می‌کنم حداقل دانش مبتدی در زمینه‌های زیر را داشته باشید:

  • HTML
  • CSS
  • JavaScript/jQuery

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

مقدمه Introduction

  • خوش آمدید! Welcome!

  • طرح کلی ماژول مقدمه Outline to the Introduction Module

  • چه چیزهایی پوشش داده خواهد شد What Will Be Covered

  • چه چیزهایی پوشش داده نخواهد شد What Will NOT Be Covered

  • چیزهایی که باید ابتدا بدانید What You Need To Know First

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

به روز رسانی ها برای این دوره Updates to this Course

  • آخرین به روز رسانی ها و به روز رسانی های برنامه ریزی شده Newest Updates and Planned Updates

تفکر دسترسی پذیری Accessibility Mindset

  • مقدمه Introduction

  • موانع رعایت قوانین Obstacles to Compliance

  • نگرش نسبت به دسترسی پذیری Attitude About Accessibility

  • نگرش نسبت به پرسنل دسترسی پذیری Attitude About Accessibility Personnel

  • برای چه کسی دسترسی پذیر است؟ Accessible for Whom?

مبانی فرم Form Basics

  • مقدمه Introduction

  • دستورالعمل های فرم Form Guidelines

  • منابع Resources

برچسب های سنتی Traditional Labels

  • برچسب های سنتی Traditional Labels

  • متن و سبک Text and Style

  • موقعیت Position

  • برچسب های صریح Explicit Labels

  • برچسب های ضمنی Implicit Labels

  • برچسب های بد Bad Labels

  • برچسب های صریح و ضمنی Explicit and Implicit Labels

  • منابع Resources

برچسب های پنهان Hidden Labels

  • مقدمه Introduction

  • چه زمانی استفاده کنیم When to Use

  • پنهان کردن با CSS Hide with CSS

  • ویژگی های ARIA ARIA Attributes

  • ویژگی های ARIA ادامه دارد ARIA Attributes Continued

  • استفاده از ویژگی Title Using the Title Attribute

  • آزمون برچسب های پنهان Hidden Labels Quiz

  • منابع Resources

گروه بندی کنترل ها Grouping Controls

  • مقدمه Introduction

  • فیلد ست ها Fieldsets

  • دستورالعمل های فیلد ست ها Fieldsets Guidelines

  • نقش ها Roles

  • مثال نقش ها Roles Example

  • آزمون گروه بندی کنترل ها Grouping Controls Quiz

  • منابع Resources

دستورالعمل ها Instructions

  • مقدمه Introduction

  • دستورالعمل های فرم Form Instructions

  • مثال دستورالعمل های فرم Form Instructions Example

  • دستورالعمل های درون خطی Inline Instructions

  • منابع Resources

کنترل های ورودی Input Controls

  • مقدمه Introduction

  • دستورالعمل های عمومی Universal Guidelines

  • اشکالات Pitfalls

  • آزمون کنترل های ورودی Input Controls Quiz

جعبه های متن Textboxes

  • مقدمه Introduction

  • پیاده سازی دستورالعمل ها Implementing Guidelines

  • اعتبارسنجی درون خطی Inline Validation

  • مکان نگهدارها Placeholders

  • منابع Resources

کنترل های انتخاب Select Controls

  • مقدمه Introduction

  • کشویی ها Dropdowns

  • فهرست های انتخابی Listboxes

  • فهرست های انتخابی چندگانه Multiple Select Listboxes

  • داده فهرست ها Datalists

  • منابع Resources

دکمه های رادیویی و چک باکس ها Radio Buttons and Checkboxes

  • مقدمه Introduction

  • دکمه های رادیویی Radio Buttons

  • چک باکس ها Checkboxes

  • کنترل های سفارشی Custom Controls

  • منابع Resources

دکمه ها Buttons

  • مقدمه Introduction

  • دکمه های سنتی Traditional Buttons

  • دکمه های مجازی Pseudo-buttons

  • منابع Resources

علامت گذاری فیلدهای الزامی Marking Required Fields

  • مقدمه Introduction

  • دستورالعمل های کلی Overall Guidelines

  • با نماد By Symbol

  • با تصویر By Image

  • با برچسب By Label

  • منابع Resources

کاربرد عملی Practical Application

  • مقدمه Introduction

  • توضیح فرم وب برای کم بینایان Description of the Web Form for the Visually Impaired

  • مبانی The Basics

  • برچسب ها Labels

  • گروه بندی Grouping

  • دستورالعمل ها - فیلدهای الزامی Instructions - Required Fields

  • دستورالعمل ها - متن راهنما Instructions - Help Text

  • جعبه های متن Textboxes

  • کنترل های انتخاب Select Controls

  • دکمه های رادیویی و چک باکس ها Radio Buttons and Checkboxes

  • دکمه ها Buttons

  • کنتراست رنگ Color Contrast

  • توضیح WCAG 2.1 - 1.3.5 شناسایی هدف ورودی Explaining WCAG 2.1 - 1.3.5 Identify Input Purpose

  • پیاده سازی WCAG 2.1 - 1.3.5 شناسایی هدف ورودی Implementing WCAG 2.1 - 1.3.5 Identify Input Purpose

  • توجه: تغییرات در WCAG 2.2 Notice: Changes in WCAG 2.2

  • توضیح پیش نویس WCAG 2.2 - 2.4.11 تمرکز قابل مشاهده (پیشرفته) Explaining WCAG 2.2 Draft - 2.4.11 Focus Visible (Enhanced)

  • پیاده سازی پیش نویس WCAG 2.2 - 2.4.11 تمرکز قابل مشاهده (پیشرفته) Implementing WCAG 2.2 Draft - 2.4.11 Focus Visible (Enhanced)

  • منابع Resources

WCAG 3.0 و استانداردهای دسترسی پذیری آینده WCAG 3.0 and Future Accessibility Standards

  • نکته ای سریع در مورد این ماژول A Quick Note About this Module

  • مقدمه Introduction

  • تاریخچه مختصر Brief History

  • وضعیت WCAG 2.2 WCAG 2.2 Status

  • WCAG 3.0 - مبانی WCAG 3.0 - The Basics

  • WCAG 3.0 - الزامات WCAG 3.0 - Requirements

  • WCAG 3.0 - (که قبلاً با نام "Silver" شناخته می شد) WCAG 3.0 - (formerly known as "Silver")

یادداشت های جانبی و ابزارها Side Notes and Tools

  • مقدمه Introduction

  • منابع Resources

  • فرآیند توسعه Development Process

  • نکات پایانی Final Thoughts

نتیجه گیری Conclusion

  • نتیجه گیری Conclusion

نمایش نظرات

آموزش کنترل‌های فرم: دسترسی‌پذیری عملی برای توسعه‌دهندگان وب
جزییات دوره
2.5 hours
99
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
374
4.5 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Daniel Berryhill Daniel Berryhill

طرفدار و توسعه‌دهنده دسترسی‌پذیری وب