آموزش دسترسی به وب: بهترین روش ها را برای ایجاد وب سایت های فراگیر بیاموزید
Web Accessibility: Learn the best practises to build all-inclusive websites
دانش‌آموزان یاد خواهند گرفت که چگونه از HTML و CSS برای ساخت اجزای قابل دسترس استفاده کنند.
این کلاس برای توسعه دهندگانی با دانش قبلی HTML و CSS که می خواهند اصول ساخت یک وب سایت کاملاً در دسترس را بیاموزند ایده آل است.
با مهارت‌هایی که در این کلاس آموخته‌اید، می‌توانید یک وب‌سایت فراگیر بسازید که دارای عناصر قابل دسترسی است که تضمین می‌کند تجربه کاربری کاملی برای همه وجود دارد.
تنها چیزی که برای استفاده بیشتر از این دوره نیاز دارید IDE مورد علاقه خود و یک مرورگر اینترنت است. برای اینکه بتوانید برای کار خود بازخورد دریافت کنید، باید دسکتاپ GitHub را دانلود کنید، اما همه اینها گام به گام نشان داده می شود.
با استفاده از تکنیک‌های قابل دسترسی که آموخته‌اید، یک وب‌سایت تک صفحه‌ای درباره قهرمان شخصی خود با یک ناوبری، تصاویر، سرصفحه، متن و فرم تماس بسازید.
تکلیف
شما یاد خواهید گرفت که چگونه عناصر HTML را ایجاد کنید و با CSS به آنها استایل دهید، همه با ویژگی‌های کاملاً قابل دسترسی با ساختن یک وب‌سایت تک صفحه‌ای که همه چیز درباره قهرمان شخصی شماست.
موارد تحویل
پیوندی به وب سایت خود به اشتراک بگذارید و همچنین یک عکس از صفحه نمایش را به گالری اضافه کنید. اگر بررسی کنید که دیگران چه کاری انجام داده اند و همچنین بازخورد خود را بنویسید عالی خواهد بود. اشتراک گذاری مراقبت است! پروژه تمام شده باید حداقل شامل موارد زیر باشد:
- یک پیمایش صحیح معنایی
- تصویری با تگ alt
- هدر H1 و H2
- فرم تماس با برچسب ها و فیلدها
امتیاز جایزه:
- شامل یک انتقال یا انیمیشن با درخواست رسانه با حرکت کاهش یافته
- شامل برخی از برچسب‌های معنایی که در دوره نشان داده نشده‌اند
- شامل یک ویژگی دسترس‌پذیری که من در دوره به آن اشاره نکرده‌ام
منابع
- - از این وب سایت برای همه منابع دسترسی مفید استفاده کنید
- دستورالعمل‌های رسمی دسترسی W3C را ارائه می‌کند
APPS
در اینجا چند پیوند به برنامه‌ها و وب‌سایت‌هایی که در این کلاس استفاده کردم وجود دارد:
- - جایی که می توانید وب سایت خود را میزبانی کنید
- - جایی که نسخه های مختلف وب سایت خود را ذخیره می کنید
- - IDE که در این کلاس استفاده کردم
- - ابزار حسابرسی دسترسی
مرجع
- - اینجا پروژه کلاس من است.
- - با خیال راحت کد تمام شده من را بررسی کنید!
درس ها Lessons
-
عناصر HTML HTML Elements
-
پروژه کلاس - CSS قسمت 2 Class Project - CSS Part 2
-
ابزارهای آزمایشی مفید Useful Testing Tools
-
پروژه کلاس - HTML قسمت 1 Class Project - HTML Part 1
-
دسترسی به وب چیست؟ What is web accessibility?
-
چه چیزی را در نظر بگیرید What to Consider
-
ویژگی های ARIA ARIA Attributes
-
پروژه کلاس - CSS قسمت 1 Class Project - CSS Part 1
-
پروژه کلاس - HTML قسمت 2 Class Project - HTML Part 2
-
پروژه کلاس - اشتراک گذاری مراقبت است Class Project - Sharing is Caring
-
چگونه تست کنیم How to Test
-
پروژه کلاس - راه اندازی Class Project - Setup
-
معرفی Introduction
-
خلاصه Summary
-
نشانه گذاری معنایی Semantic Markup
-
پروژه کلاس The Class Project
https://donyad.com/d/f99ded
David Sealey
توسعه دهنده وب
سلام، من دیوید هستم. من یک توسعه دهنده وب جلویی ارشد از نورویچ، انگلستان هستم.
من نقش‌های مختلفی در بخش بازاریابی دیجیتال از جمله SEO، مدیریت تبلیغات دیجیتال و تجربه کاربری داشته‌ام، اما این نقش فعلی من در توسعه وب است که در آن واقعاً اشتیاق من نهفته است.
من سال‌ها تجربه ساخت وب‌سایت‌ها، برنامه‌ها، اینفوگرافیک‌ها، تبلیغات دیجیتال و ابزارهای تجسم داده‌ها را برای بسیاری از مشتریان بین‌المللی با مشخصات بالا دارم.
نمایش نظرات