In today's GUI Challenge, @AdamArgyleInk shows how to style the built-in progress element and how to implement great screen reader UX, light and dark adaptive colors, custom animations and more.
Chapters:
- 0:00 - Introduction
- 0:27 - Overview
- 1:11 - Focus Visible
- 2:55 - Cross Browser
- 3:36 - Screen Reader
- 6:22 - HTML
- 7:45 - Screen Reader Only
- 9:12 - CSS
- 17:16 - JavaScript
- 19:44 - Outro
Resources:
- Read along → https://goo.gle/3CKFoUs
- Try a demo → https://goo.gle/3KRLo0F
- Get the source → https://goo.gle/3i7PgOA
Watch more GUI Challenges → https://goo.gle/GUIchallenges
Subscribe to Google Chrome Developers → https://goo.gle/ChromeDevs