دوره آموزشی ساده سازی توسعه وب با بهترین روشهای دستیابی
1 ساعت 48 دقیقهمتوسط2021-05-28
مدرسین

Morten Rand-Hendriksen
Senior Staff Instructor, Speaker, Web Designer, and Software Developer
جزئیات دوره
بسیاری از مواقع در دنیای توسعه وب، دسترسیپذیری به عنوان یک اولویت پایین در مرحله توسعه سایت در نظر گرفته میشود و اغلب به کارشناسان خارجی سپرده میشود که بعداً آن را پیادهسازی کنند. اما چرا وقت و پول خود را صرف استخدام مشاور خارجی کنیم وقتی که میتوانیم سایت را از ابتدا طوری بسازیم که دسترسیپذیر باشد؟ در این دوره، مورتن راند-هنریکسن به مزایای این رویکرد و چگونگی آسان بودن انجام آن میپردازد. همانطور که مورتن توضیح میدهد، تنها چیزی که نیاز دارید، درک ابتدایی از اینکه چرا این عناصر مهم هستند، چطور کار میکنند و چگونه کدنویسی خوب و استانداردهای مدرن وب میتوانند شما را به این هدف برسانند بدون اینکه کار اضافی زیادی نیاز باشد. او دسترسیپذیری را از همه جنبهها بررسی میکند، از جمله منشأ برخی از مشکلات رایج دسترسیپذیری و نحوه رفع آنها، طراحی دسترسیپذیر، نحوه پنهان و نمایش محتواهای بصری، نحوه مدیریت گرافیکها و رسانهها، و عناصری که میتوانند به طراحی شما کمک کنند تا دسترسیپذیرتر شوند.
مهارت ها
HTMLAccessibilityDiversity, Equity, and Inclusion (DEI)Front-End Web DevelopmentUser ExperienceProjectWeb DevelopmentOpen Source
سرفصل ها
0. مقدمه
- 01 - ساده سازی توسعه وب با قابلیت دسترسی
1. بازگشت به اصول
- 02 - پیچیده کردن بیش از حد چیزهایی که قبلاً کار میکنند
- 03 - هدف وب
- 04 - چرا دسترسی قطع میشود
2. طراحی در دسترس
- 05 - طراحی یک پالت رنگی در دسترس
- 06 - طراحی تایپوگرافی در دسترس
- 07 - طراحی سلسله مراتب و جریانهای محتوای قابل دسترس
3. پنهان کردن و نمایش
- 08 - آیا پنهان کردن یا نشان دادن محتوا ایده خوبی است
- 09 - چگونه محتوای بصری را پنهان کنیم
- 10 - نحوه مخفی کردن محتوا از صفحه خوان ها
4. معناشناسی و تعامل
- 11 - نقش عناصر معنایی
- 12 - عناصر با هدف
- 13 - اصول پیوند و دکمه
- 14 - پیوندها
- 15 - دکمه ها
- 16 - پیوندها و دکمههای دوستانه صفحه خوان
- 17 - پیوندها و دکمههای نماد با SVG
5. تصاویر، گرافیک و رسانه
- 18 - تصاویر، گرافیک، و اصول رسانه
- 19 - عنصر img
- 20 - عناصر شکل و figcaption
- 21 - SVG قابل دسترسی
- 22 - دسترسی بیشتر به ویدیوهای جاسازی شده
- 23 - اضافه کردن رونوشت
6. مثالهای عملی
- 24 - منوی ناوبری سازگار با موبایل
- 25 - منوی ناوبری چند سطحی
- 26 - کارت پایه
- 27 - کارت با لینکهای داخلی
- 28 - خرماچین
7. اثبات و پودینگ
- 29 - ساده سازی توسعه وب با بهترین شیوههای دسترسی
- 30 - از کجا میتوان اطلاعات بیشتری پیدا کرد
- 31 - ابزارهای تست دستی سایت ها
- 32 - امتیاز فانوس دریایی و مانند آن
نتیجه
- 33 - طرز فکر دسترسی
دوره های مرتبط
- دوره آموزشی برنامه نویسی فرمهای وب با جاوااسکریپت
- دوره آموزشی HTML، CSS و جاوااسکریپت: ساخت وب
- دوره آموزشی طرح بندی قابل دسترسی برای وب
- دوره آموزشی فرم های HTML: قابلیت دسترسی
- دوره آموزشی مقدمه ای بر طراحی و توسعه وب
- دوره آموزشی CSS عملی برای No-Coders
- دوره آموزشی HTML برای برنامه نویسان
- دوره آموزشی HTML کاربردی برای غیر برنامهنویسان