آموزش نکات ضروری دسترسی برای HTML و CSS

Essential Accessibility Tips for HTML & CSS

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

تقریباً 15٪ از جمعیت جهان - با نوعی ناتوانی زندگی می کنند. بنابراین به همین دلیل است که دسترسی (همچنین به عنوان A11y شناخته می‌شود) موضوعی است که ما به عنوان طراح یا کدنویس نمی‌توانیم از آن غافل شویم. زمان آن فرا رسیده است که به طور عملی یاد بگیریم که دسترسی در دنیای دیجیتال - و به طور خاص در شبکه جهانی وب به چه معناست.


شما خواهید فهمید:

  • ✅ نحوه بررسی معنایی بودن HTML،
  • ✅ هنگام نوشتن CSS قابل دسترسی از چه چیزهایی باید اجتناب کرد،
  • ✅ چرا باید در مورد انیمیشن های وب سایت محتاط باشید،
  • ✅ نحوه پیاده سازی نکات سریع a11y حتی اگر به عنوان کدنویس کار نمی کنید.


و البته، مثل همیشه در کلاس های من، تئوری به دست آمده را در عمل پیاده سازی خواهید کرد. در پایان کلاس‌ها، یک وظیفه برای انجام ممیزی دسترسی یک وب‌سایت بر عهده خواهید داشت و من قویاً شما را تشویق می‌کنم که نتیجه نتایج خود را در بخش پروژه‌ها آپلود کنید.

تجربه کدنویسی قبلی

اگر دانش اولیه در HTML در CSS ندارید، به شما توصیه می‌کنم کلاس‌های قبلی من را تماشا کنید. برای درک بهتر کد و به سرعت در نوشتن کد خود عمیق تر شوید.

از من دیدن کنید:

بسته package_accessibility_audit.zip را با وب سایت "20 ترفند CSS" دانلود کنید و ممیزی دسترسی را آماده کنید.

  • بررسی کنید آیا کد معنایی دارد
  • کنتراست رنگ را بررسی کنید
  • برچسب‌های alt را بررسی کنید
  • بررسی کنید که آیا انیمیشن‌ها برای افراد مبتلا به اختلال دهلیزی تنظیم شده است یا خیر

دسترسی صادر شده را برطرف کنید و بسته یا گزارش خود را در بخش پروژه کلاس آپلود کنید.

جایزه

اگر بیش از 5 نتیجه بارگذاری شده از دانش‌آموزان وجود داشته باشد، فهرست بررسی دسترس‌پذیری خود را با شما به اشتراک می‌گذارم.


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

درس ها Lessons

  • CSS و دسترس‌پذیری – بخش ۱ CSS and accessibility – part 1

  • HTML: دکمه در مقابل div HTML: button vs a vs div

  • دسترسی چگونه اندازه گیری و تعریف می شود؟ How accessibility is measured and definied?

  • پروژه کلاس Class project

  • ARIA چیست؟ What is ARIA

  • کد HTML معنایی Semantic HTML code

  • چرا باید دسترسی را یاد بگیریم؟ Why we should learn accessibility?

  • انیمیشن ها و قابلیت دسترسی Animations and accessibility

  • معرفی Introduction

  • CSS و دسترسی - قسمت 2 CSS and accessibility – part 2

  • ویژگی‌های HTML و بهبودهای دسترسی – بخش ۱ HTML attributes and accessibility improvements – Part 1

  • خلاصه Summary

نمایش نظرات

نظری ارسال نشده است.

آموزش نکات ضروری دسترسی برای HTML و CSS
خرید اشتراک و دانلود خرید تکی و دانلود | 160,000 تومان (5 روز مهلت دانلود) زمان تقریبی آماده سازی لینک دانلود این دوره آموزشی حدود 5 تا 24 ساعت می باشد.
جزییات دوره
1h 8m
12
Skillshare (اسکیل شیر) skillshare-small
16 مهر 1401 (آخرین آپدیت رو دریافت می‌کنید، حتی اگر این تاریخ بروز نباشد.)
47
4 از 5
دارد
دارد
دارد
Aga Naplocha

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Aga Naplocha Aga Naplocha

کدنویس و طراح خلاق

سلام، من آقا هستم! من یک طراح برنامه نویسی با بیش از 9 سال تجربه، مستقر در ورشو، لهستان هستم.

من دوست دارم دانش و تجربه خود را به اشتراک بگذارم، به همین دلیل است که ابتکار خود را تقویت می کنم - The Awwwesomes - ابتکاری که افراد را تشویق می کند تا شروع به یادگیری کدنویسی و طراحی وب سایت های awwwesome کنند!

خبرنامه من:

-

می توانید به من مراجعه کنید:

- - https://www.instagram.com/theawwwesomes/
-

آخرین کلاس های من:




پرطرفدارترین کلاس ها:

Skillshare (اسکیل شیر)

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

یکی از ویژگی‌های منحصر به فرد سکیل‌شر، ارائه دوره‌های تدریس شده توسط صاحبان مهارت‌ها و افراد موفق در زمینه‌های مختلف است. این امر باعث می‌شود که کاربران از تجربیات و دانش عملی افرادی که در حوزه‌های مورد نظرشان موفق عمل کرده‌اند، بهره‌مند شوند و بهترین اطلاعات را برای بهبود مهارت‌های خود دریافت کنند. به این ترتیب، سکیل‌شر نه تنها یک پلتفرم آموزشی است، بلکه یک جامعه آموزشی است که افراد را به اشتراک گذاری دانش و تجربیات تشویق می‌کند و به آنها کمک می‌کند تا در مسیر پیشرفت و موفقیت خود ادامه دهند.