آموزش توسعه App های ویژه معلولین در React

با مشاهده این کورس آموزشی قدم به قدم یاد می گیرید که چطور توسعه App های قابل دسترس را در React انجام دهید. 

عنوان اصلی : Develop Accessible Web Apps with React

سرفصل ها :

ESLint را برای بررسی مشکلات دسترسی در React راه اندازی کنید
از react-ax برای بررسی مسائل دسترسی در زمان اجرا در حین توسعه استفاده کنید
از برنامه افزودنی مرورگر ax برای ممیزی صفحه وب برای مشکلات دسترسی استفاده کنید
از tota11y برای تجسم مشکلات دسترسی استفاده کنید
از افزونه مرورگر با کنتراست بالا برای یافتن مشکلات دسترسی به کنتراست رنگ استفاده کنید
تنظیمات صفحه نمایش را در Mac تغییر دهید تا مشکلات دسترسی به کنتراست رنگ را پیدا کنید
حالت کنتراست بالا را در ویندوز فعال کنید
دسترسی و سفارشی کردن تنظیمات VoiceOver در MacOS
با VoiceOver در سافاری یک صفحه وب را پیمایش کنید
در React مشکلات دسترسی منطقه لندمارک را آزمایش کنید
مناطق شاخص یک صفحه وب را با استفاده از نقش های ARIA تعریف کنید
با استفاده از عناصر برش HTML5، مناطق شاخص یک صفحه وب را تعریف کنید
تست برای مسائل دسترسی سطح سرفصل
سطوح عنوان یک صفحه وب را به درستی تعریف کنید
تست برای مشکلات دسترسی برچسب کنترل فرم
اطمینان حاصل کنید که کنترل‌های فرم دارای برچسب‌های قابل دسترسی هستند
برچسب های قابل دسترس را به عناصری که برچسب های آنها به اندازه کافی واضح نیست اضافه کنید
برچسب های قابل دسترسی را برای ارائه عناصر با زمینه بیشتر اضافه کنید
یک برچسب قابل دسترسی به یک عنصر از متن عناصر دیگر اضافه کنید
توضیحات قابل دسترسی را به عناصر اضافه کنید
تست برای مشکلات دسترسی به متن جایگزین تصویر
تصاویر را با جایگزین های متنی مناسب تعریف کنید
تست برای مشکلات دسترسی ناکافی کنتراست رنگ
از تضاد رنگ کافی در طراحی صفحه وب استفاده کنید
از چیزی بیشتر از رنگ به تنهایی برای انتقال اطلاعات در یک صفحه وب استفاده کنید
تعریف یک منطقه زنده برای اطمینان از اعلام تغییرات پویا توسط فناوری های کمکی
فوکوس را روی بارگذاری هر صفحه یک برنامه وب به درستی تنظیم کنید
WTF الگوهای طراحی قابل دسترس هستند؟