در چالش رابط کاربری گرافیکی امروزی، @AdamArgyleInk یک راهنمای ابزار با یک عنصر سفارشی (بدون مؤلفه وب!)، :has()، تبدیل‌ها و ویژگی‌های منطقی می‌سازد. علاوه بر یک اسکریپت پشتیبان کوچک برای استفاده از :has()، تمام آن از CSS پشتیبانی می کند. تجربه صفحه‌خوان را از دست ندهید، مانند همیشه مورد توجه ویژه قرار گرفت.
فصل ها:
- 0:00 - مقدمه
- 0:20 - Tooltips در مقابل Toggletips
- 2:22 - نمای کلی ویژگی
- 6:25 - Screen Reader UX
- 9:06 - درخت دسترسی
- 14:12 - :has()
- 14:55 - HTML
- 15:18 - CSS
- 18:50 - جاوا اسکریپت
- 20:21 - خروجی
منابع:
- نسخه ی نمایشی را امتحان کنید → https://goo.gle/3SDW5YT
- منبع را دریافت کنید → https://goo.gle/3SCNxBj
چالش‌های رابط کاربری گرافیکی بیشتر → https://goo.gle/GUIchallenges را تماشا کنید
در Google Chrome Developers → https://goo.gle/ChromeDevs مشترک شوید