نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره:
بیاموزید که چگونه تصاویر و محتوای صوتی/تصویری را مطابق با دستورالعمل های دستیابی WCAG ، حتی تصاویر با نوشتن متن با ارتفاع دشوار ، بیاموزید. این دوره شامل نکاتی از جمله جلب YouTube برای نوشتن زیرنویس ویدیویی برای شما و مدیریت نمودارهای داده پویا است. بسیاری از توسعه دهندگان برای دستیابی به دستورالعمل های دسترسی WCAG مربوط به تصاویر ، محتوای صوتی و ویدئویی ، به ویژه هنگام کار با جداول ، نمودارها ، نمودارهای پویا و داده های زنده در این دوره ، دسترسی: با کاوش در تصاویر و رسانه ها ، می آموزید که چگونه دستورالعمل های دستیابی WCAG مربوط به محتوای غیر متنی را در وب سایت خود رعایت کنید. ابتدا چالش هایی را که کاربران وب سایت شما می توانند با محتوای غیر متنی مواجه شوند ، نحوه استفاده از HTML و CSS برای توصیف مناسب تصاویر و اینکه در سناریوهای نادر که گزینه متن کوتاه امکان پذیر نیست انجام دهید ، با استفاده از برخی روشهای خاص و کتابخانه های مفید. در مرحله بعدی ، شما برخی از محتوای صوتی/تصویری را ارزیابی می کنید ، یاد می گیرید که چگونه متن و زیرنویس مناسب را تهیه کنید و برخی از ابزارها را برای کمک به شما در این روند کشف خواهید کرد. سرانجام ، شما در مورد کوری رنگ و چگونگی اطمینان از تضاد رنگی مناسب وب سایت و همچنین سایر نگرانی های حسی مانند تصاویر چشمک زن و پخش خودکار صدا یاد خواهید گرفت. بعد از اتمام این دوره ، درک درستی از مسائل مربوط به تصاویر و رسانه ها و نحوه ایجاد وب سایت هایی خواهید داشت که اجازه می دهد این رسانه ها توسط مخاطبان بیشتری مصرف شود ، با WCAG سطح AA.
سرفصل ها و درس ها
بررسی اجمالی دوره
Course Overview
-
بررسی اجمالی دوره
Course Overview
کاوش تصاویر کاربردی و تزئینی
Exploring Functional and Decorative Images
-
مقدمه
Introduction
-
تصاویر تزئینی
Decorative Images
-
خوانندگان متن و صفحه Alt
Alt Text and Screen Readers
-
متن مناسب
Appropriate Text
-
تصاویر CSS
CSS Images
کار با تصاویر و سناریوهای پیچیده
Working with Complex Images and Scenarios
-
وقتی متن Alt خیلی طولانی است
When Alt Text Would Be Really Long
-
وقتی نمی توانید متن Alt را بنویسید
When You Can't Write Alt Text
-
جداول داده های استاتیک
Static Data Tables
-
نمودارهای استاتیک داده ها
Static Data Charts
-
جدول ها و نمودارهای داده های پویا
Dynamic Data Tables and Charts
ارائه گزینه های جایگزین برای محتوای صوتی/تصویری
Providing Alternatives for Audio/Video Content
-
افزودن متن به محتوای فقط صوتی
Adding Transcripts to Audio-only Content
-
انیمیشن و محتوای فقط ویدئو
Animations and Video-only Content
-
توضیحات صوتی برای محتوای صوتی/تصویری
Audio Descriptions for Audio/Video Content
-
افزودن زیرنویس به ویدیو
Adding Captions to Video
-
زیرنویس های ویدیویی در YouTube
Video Captions in YouTube
جلوگیری از مشکلات با محتوا
Preventing Issues with Content
-
اطمینان از کنتراست رنگی کافی
Ensuring Sufficient Color Contrast
-
پخش خودکار رسانه و فلش کردن محتوا
Automatically Playing Media and Flashing Content
نمایش نظرات