Keyboard access fundamentals
Many users rely on the keyboard to navigate applications. Design a keyboard navigation strategy for your application to create a better experience for everyone.
Labels and text alternatives
For a screen reader to present a spoken UI to the user, meaningful elements must have proper labels or text alternatives.
What is a media experience?
Videos can be fun and informative. For a good user experience, videos need to meet a number of technical requirements.
Multi-device content
Consider content as well as layout and graphic design when building for a range of users and devices.
Offline UX design guidelines
Eliminating Unnecessary Downloads
You should audit your resources periodically to ensure that each resource is helping deliver a better user experience.
prefers-color-scheme: Hello darkness, my old friend
Many devices now support an operating system wide dark mode or dark theme experience. This post explains how dark mode can be supported on web pages, lists best practices, and introduces a custom element named dark-mode-toggle that allows web developers to offer users a way to override their operating system level preference on specific web pages.
Preload responsive images
Learn about new and exciting possibilities for preloading responsive images to ensure great user experience.
Permission UX
Basics of UX
Ready Player Web
The Web platform is very mature for game development nowadays. The key to building a modern web game is embracing the best practices of game design and monetization. This post provides provides guidance towards this goal.
Responsive images
A picture is worth 1000 words, and images play an integral part of every page. But they also often account for most of the downloaded bytes. With responsive web design not only can our layouts change based on device characteristics, but images as well.
Responsive web design basics
Create sites that respond to the needs and capabilities of the device they're viewed on.
Testing Web Design Color Contrast
An overview of three tools and techniques for testing and verifying accessible color contrast of your design.
The Accessibility Tree
Introduction to the Accessibility Tree
The :user-valid and :user-invalid pseudo-classes
About the :user-valid and :user-invalid pseudo-classes and how to use them to improve the user experience of input validation.
Basics of UX
A step-by-step guide to the basics of UX design.
Web-based payment apps overview
Learn how to adapt your web-based payment app to work with Web Payments and provide a better user experience for customers.
web.dev at I/O 2019
For Google I/O 2019, the folks on the web.dev team have shipped a number of updates including a refreshed design, more Lighthouse docs, and a brand new blog.
Integrate with the OS sharing UI with the Web Share API
With the Web Share API, web apps are able to use the same system-provided share capabilities as platform-specific apps. The Web Share API makes it possible for web apps to share links, text, and files to other apps installed on the device in the same way as platform-specific apps.
What is accessibility?
An accessible site is one whose content can be accessed regardless of any user's impairments, and whose functionality can also be operated by the most diverse range of users possible.
Accessibility Week | Blog
This week we celebrated accessibility work and highlighted resources to help you make your sites and applications usable by everyone.
Evolving Cumulative Layout Shift in web tooling
Starting today, a change to CLS has been rolled out across a number of Chrome's web tooling surfaces including Lighthouse, PageSpeed Insights, and Chrome UX Report.
Interop 2024: Chrome at 100% for the accessibility focus area | Blog
Chrome now passes 100% of tests for the accessibility focus area. This post explains the improvements made.
All of Learn Accessibility! is available | Blog
We launched the final modules for Learn Accessibility. This means you can take this course from start to finish or in any order you choose.
More variable font options for the macOS system-ui font in Chromium 83
Chromium 80 had a system-ui font weight regression on macOS. The reason it broke, and the new super powers post-resolution, are worth the wait in Chromium 83.
Announcing Squoosh v2 | Blog
New codecs support, updated design, and CLI support!