Accessibility for teams
How to incorporate accessibility into your team's process.
Accessibility for web developers
It's important to build sites that are inclusive and accessible to everyone. There are at least six key areas of disability we can optimize for: visual, hearing, mobility, cognition, speech and neural.
Profiling your WebGL Game with the about:tracing flag
CSS accent-color
Bring your brand color to built-in HTML form inputs with one line of code.
Accessibility
Improving accessibility for web pages
Accessibility audit with react-axe and eslint-plugin-jsx-a11y
react-axe is a library that audits a React application and logs any accessibility issues to the Chrome DevTools console. eslint-plugin-jsx-a11y is an ESLint plugin that identifies and enforces a number of accessibility rules directly in your JSX. Using them in combination can provide a comprehensive auditing approach to find and fix any accessibility concerns in your application.
Audit your Angular app's accessibility with codelyzer
Learn how to make your Angular application accessible using codelyzer.
Accessible responsive design
Design responsively to provide the best multi-device experience and for accessibility.
Accessible tap targets
It's important that interactive elements have enough space around them, when used on a mobile or touchscreen device. This helps everyone, and especially those with motor impairments.
Adapting typography to user preferences with CSS
A method to adapt a font to your users' preferences, so they're maximally comfortable reading your content.
Adaptive loading: improving web performance on slow devices
Learn about adaptive loading pattern, how to implement it, and how Facebook, Tinder, eBay, and other companies use adaptive loading in production.
Adaptive serving based on network quality
Use Network Information API to adapt the assets served to users based on the quality of their connection.
Add a web app manifest
The web app manifest is a simple JSON file that tells the browser how your web app should behave.
Add a web app manifest with Create React App
Create React App includes a web app manifest by default. Modifying this file will allow you to change how your application is displayed when installed on the user's device.
Add media to a web page
Embed a media file in a web page using the and tags.
Add touch to your site
Touchscreens are available on more and more devices, from phones up to desktop screens. Your app should respond to their touch in intuitive and beautiful ways.
Additional HTML elements
Essential metrics for a healthy site
Advancing the web framework ecosystem
Learn about how Chrome is investing efforts in a number of open-source tools to advance the JavaScript ecosystem
Build agent-friendly websites
When designing your websites for agents and humans, you can follow similar best practices. Learn what they are.
Introduction to agents
Build a local and offline-capable chatbot with the Prompt API
Build a local and offline-capable chatbot with WebLLM
Part 2: Build client-side AI toxicity detection
Toxicity detection protects your users and creates a safer online environment. In part two, we learn how to build a client-side AI tool to detect and mitigate toxicity at its source.
Part 1: Client-side AI to combat online toxicity
"Protect your users and create a safer online environment with toxicity detection. In part one, we share the context you need to deploy AI to mitigate toxicity at its source: users' keyboards."