آموزش عکس العمل: دسترسی

React: Accessibility

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

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

مقدمه Introduction

  • قابلیت دسترسی در React Accessibility in React

1. قابلیت دسترسی در وب 1. Accessibility on the Web

  • نیاز به دسترسی The need for accessibility

  • HTML معنایی: اساس دسترسی به وب Semantic HTML: The foundation of web accessibility

  • برچسب های React معنایی Semantic React tags

2. تمرکز صفحه کلید 2. Keyboard Focus

  • مدیریت تمرکز صفحه کلید در اجزای React Managing keyboard focus in React components

  • رد شدن از محتوای صفحه Skipping page content

  • چالش: اجرای تمرکز و پرش از محتوا Challenge: Implementing focus and skipping content

  • راه حل: پیاده سازی تمرکز و جستجوی محتوا Solution: Implementing focus and skipping content

3. رویدادهای ماوس و اشاره گر 3. Mouse and Pointer Events

  • مشکلات دسترسی به حوادث ماوس و اشاره گر Accessibility issues with mouse and pointer events

  • نحوه اطمینان از در دسترس بودن رویدادها توسط صفحه کلید How to ensure events are accessible by keyboard

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

  • چرا کار خود را آزمایش کنید Why test your work

  • در حال آزمایش قابلیت دسترسی با صفحه کلید Testing accessibility with your keyboard

  • استفاده از ویژگی های مرورگر برای آزمایش Using browser features for testing

  • آزمایش با صفحه خوان Testing with a screen reader

نتیجه Conclusion

  • منابعی برای رهنمودهای دسترسی به وب Resources for web accessibility guidelines

نمایش نظرات

آموزش عکس العمل: دسترسی
جزییات دوره
34m 52s
15
Linkedin (لینکدین) Linkedin (لینکدین)
(آخرین آپدیت)
-
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Kiara Contreras Kiara Contreras

Kiara Contreras یک توسعه دهنده جلویی با سابقه فناوری و خدمات به مشتری است. در طول مدت حضور خود در فروشگاه نبوغ اپل ، کیارا در مورد نحوه تعامل کاربران با دستگاه های خود با استفاده از نرم افزار آن کنجکاوتر شد. او با برخی از برنامه نویسی و اشتیاق خودآموز ، موقعیت خود را در اپل ترک کرد و یک عضو فارغ التحصیل بوتکمپ توسعه دهنده وب مجمع عمومی شد. وی در حال حاضر به عنوان توسعه دهنده جلوی کتابخانه عمومی دیجیتال آمریکا کار می کند. کیارا در فن آوری های front-end متخصص است و React را دوست دارد! او به طور مرتب در آکادمی نانو هکرها داوطلب می شود و فرصت های پیشرفته یادگیری را برای بچه های علاقه مند به فناوری ارائه می دهد. دانش پژوهان فنی ، راهنمایی دختران دبیرستانی در مورد چگونگی ساخت محصولات دیجیتال. و بروکلین حیوانات اقدام ، مراقبت از حیوانات نجات.