آموزش دسترس‌پذیری وب برای طراحان: راهنمای رعایت دستورالعمل‌های دسترسی برای طراحان UI/UX
Web Accessibility for Designers: A guide to meeting accessibility guidelines for UI/UX designers
دسترسی به وب اغلب چیزی است که به کناری فشار می آورد. به راحتی می توان فرض کرد که همه کاربران می توانند ببینند، از صفحه کلید استفاده کنند، از ماوس یا صفحه لمسی استفاده کنند و به طور کلی با وب سایت یا محتوای محصول شما به همان روشی که شما انجام می دهید تعامل داشته باشند. اما این به سادگی درست نیست. فرض اینکه همه می‌توانند از چیزها دقیقاً به روش‌های مشابه استفاده کنند، منجر به تجربه‌ای می‌شود که برای برخی افراد خوب کار می‌کند، اما مشکلات یا موانع عمده‌ای را برای دیگران ایجاد می‌کند.
دسترس‌پذیری شروع به جذب بیشتر در صنایع طراحی و فناوری کرده است، به‌ویژه از آنجایی که کشورهای بیشتری در حال ایجاد قوانینی در زمینه دسترسی هستند. اگر شما یک طراح وب یا یک طراح UI/UX در هر سطحی هستید که به دانش دسترسی خود مطمئن نیستید، این دوره آموزشی است که شما را با مهارت های عملی ارتقا می دهد.
آنچه در این دوره خواهید آموخت:
نحوه طراحی برای افرادی که درجات مختلف اختلال بینایی دارند
نحوه طراحی برای افرادی که دارای اختلال دید رنگی هستند
نحوه طراحی برای افرادی که دچار اختلال شنوایی هستند
دسترسی به صفحه کلید برای همه کاربران
ایجاد مناطق هدف که برای همه کاربران کار می کند
چه ابزارهای دسترسی در دسترس شما هستند
چگونه تیم، سازمان یا مشتری خود را متقاعد کنید که استانداردهای دسترسی را رعایت کنند
یک کیت رابط کاربری ساده یا کاشی سبک ایجاد کنید که موارد زیر را با استانداردهای دسترس‌پذیری نشان می‌دهد:
- یک پالت رنگ: حتماً حداقل یک رنگ مارک، یک رنگ پس‌زمینه و یک رنگ متن را شامل شود. در صورت تمایل می توانید رنگ های بیشتری را در پالت خود بگنجانید.
- سبک های متنی که برای وب سایت خیالی خود نیاز دارید. بنابراین حداقل یک عنوان، یک عنوان فرعی و متن اصلی را وارد کنید. اندازه، فونت و رنگ انتخاب شده برای هر کدام را مشخص کنید. همچنین می توانید متن پیوند، بیش از یک سبک عنوان یا هر چیز دیگری را که می خواهید اضافه کنید.
- سبک های دکمه که حداقل یک سبک دکمه را شامل می شود، اگر بیشتر نباشد. مطمئن شوید که برای هر یک از دکمه‌های خود یک حالت پایه، حالت شناور، حالت فعال و حالت فوکوس قرار داده شده است. حتماً اندازه دکمه‌هایتان را مشخص کنید، همچنین رنگ‌ها و متن‌ها را مشخص کنید تا تأیید کنید که استانداردهای کنتراست را دارند.
درس ها Lessons
-
06 فرم ها 06 Forms
-
07 مناطق هدف 07 Target Areas
-
04 کوررنگی 04 Color Blindness
-
09 اختلال بینایی 09 Vision Impairment
-
10 صوتی و تصویری 10 Audio and Video
-
13 نتیجه گیری 13 Conclusion
-
02 چرا دسترسی 02 Why Accessibility
-
08 زبان 08 Language
-
11 دسترسی به صفحه کلید 11 Keyboard Accessibility
-
03 WCAG 03 WCAG
-
12 ابزار 12 Tools
-
05 دسترسی به متن 05 Text Accessibility
-
01 مقدمه 01 Introduction
https://donyad.com/d/0848
Cassandra Cappello
طراح و مدرس محصول
نمایش نظرات