دوره آموزشی دسترسی در React

35 دقیقهمتوسط2021-01-05

مدرسین

Kiara Contreras

Front-end developer with a background in tech and customer service

جزئیات دوره

شاید بزرگترین چیز در مورد شبکه جهانی وب این باشد که اطلاعات زیادی را در دسترس بسیاری از افراد قرار می‌دهد. با این وجود آیا این اطلاعات موجود برای همه قابل دسترسی است؟ در این دوره مربی Kiara Contreras نشان می‌دهد که چرا قابلیت دسترسی مهم است و چرا هنگام ساخت برنامه‌های تک صفحه‌ای با React، یکی از محبوب‌ترین فریمورک‌‌های جلویی JavaScript، تمرکز بر روی آن ضروری است. او موضوعات مهمی مانند آزمایش برنامه شما برای اطمینان از دستیابی بهینه، تمرین استفاده از HTML معنایی، به روزرسانی عناصر را شامل کنترل تمرکز و اطمینان از در دسترس بودن رویدادهای ماوس از طریق صفحه کلید را پوشش می‌دهد. در طول دوره، او بر اهمیت یادآوری تنوع کاربران در هنگام ساخت وب سایت‌ها تأکید می‌کند و ایجاد یک وب سایت قابل دسترس باعث می‌شود افراد بتوانند تجربه بهتری داشته باشند.

مهارت ها

AccessibilityReact.jsMetaDiversity, Equity, and Inclusion (DEI)Front-End Web DevelopmentUser ExperienceWeb DevelopmentDeep Dive (X:Y)

سرفصل ها

0. مقدمه

01 - دسترسی در React

1. قابلیت دسترسی در وب

02 - نیاز به دسترسی
03 - HTML معنایی اساس دسترسی به وب
04 - برچسب های Semantic React

2. فوکوس صفحه کلید

05 - مدیریت فوکوس صفحه کلید در اجزای React
06 - پرش از محتوای صفحه
07 - چالش پیاده سازی تمرکز و حذف محتوا
08 - راه حل پیاده سازی تمرکز و حذف محتوا

3. رویدادهای ماوس و اشاره گر

09 - مشکلات دسترسی با رویدادهای ماوس و اشاره گر
10 - چگونه از دسترسی به رویدادها توسط صفحه کلید اطمینان حاصل کنیم

4. آزمایش برنامه شما

11 - چرا کار خود را تست کنید
12 - تست دسترسی با صفحه کلید
13 - استفاده از امکانات مرورگر برای تست
14 - تست با صفحه خوان

نتیجه

15 - منابع برای دستورالعمل های دسترسی به وب