ARIA and Accessible Names in HTML Cheat Sheet
Apply ARIA roles, names, descriptions, states, live regions, relationships, and keyboard semantics without overriding strong native HTML behavior.
Open cheat sheet6 organized subcategories
HTML
Semantic markup, forms, accessibility, and document structure.
Choose a focus
HTML subcategories
48 focused guides grouped by the kind of task you need to complete.
9 guides
Document and Semantics
Structure documents, describe content, and build accessible navigation and data.
Browse subcategory 8 guidesForms and Interaction
Collect input and build accessible, event-driven browser interactions.
Browse subcategory 7 guidesMedia and Embedding
Present responsive media, graphics, frames, capture, and immersive content.
Browse subcategory 9 guidesDOM and Lifecycle
Work with document nodes, browser events, observers, navigation, and timing.
Browse subcategory 8 guidesNetworking and Offline
Load resources, communicate in real time, and build resilient web applications.
Browse subcategory 7 guidesSecurity, Storage, and Devices
Protect applications and use browser storage, identity, files, and device APIs.
Browse subcategory9 cheat sheets
Document and Semantics
Structure documents, describe content, and build accessible navigation and data.
HTML Document Metadata Cheat Sheet
Build a dependable HTML document head with language, encoding, viewport, titles, descriptions, canonical links, icons, crawler directives, social cards, and structured data.
Open cheat sheetHTML Global Attributes and Data Attributes Cheat Sheet
Use id, class, lang, dir, hidden, inert, tabindex, contenteditable, spellcheck, translate, and data attributes with correct document-wide semantics.
Open cheat sheetHTML Internationalization, Language, and Direction Cheat Sheet
Declare content languages and bidirectional text correctly, then format locale-sensitive dates, numbers, lists, plurals, and text with Intl.
Open cheat sheetHTML Links and Navigation Cheat Sheet
Create meaningful HTML links and navigation landmarks with relative URLs, fragments, downloads, safe new tabs, current-page state, and skip links.
Open cheat sheetHTML Lists and Text Semantics Cheat Sheet
Structure ordered, unordered, and descriptive content with meaningful HTML text elements, quotations, edits, code, time, and machine-readable values.
Open cheat sheetHTML Structured Data and Microdata Cheat Sheet
Annotate visible content with HTML microdata, model nested and identified items, choose correct value-bearing elements, and publish maintainable JSON-LD.
Open cheat sheetHTML Tables Cheat Sheet
Build accessible HTML data tables with captions, row and column headers, structural groups, spans, column metadata, and explicit header associations.
Open cheat sheetSemantic HTML Cheat Sheet
Structure accessible web pages with semantic HTML landmarks, headings, articles, sections, figures, time values, and lists.
Open cheat sheet8 cheat sheets
Forms and Interaction
Collect input and build accessible, event-driven browser interactions.
HTML Buttons and Native Controls Cheat Sheet
Use buttons, select menus, meters, progress indicators, output, and form-associated controls with correct types, labels, states, and behavior.
Open cheat sheetHTML Clipboard and Web Share APIs Cheat Sheet
Copy and paste text or rich data, handle clipboard events, respect activation and permissions, and share content with progressive fallbacks.
Open cheat sheetHTML Constraint Validation API Cheat Sheet
Build dependable form validation with native constraints, ValidityState, custom errors, invalid events, and correct submission semantics.
Open cheat sheetHTML contenteditable and Editing Events Cheat Sheet
Build controlled inline editors with contenteditable, beforeinput, input, focus rules, plain-text mode, and explicit persistence boundaries.
Open cheat sheetHTML Disclosures, Dialogs, and Popovers Cheat Sheet
Build native disclosures, modal dialogs, and popovers with accessible HTML, explicit controls, focus-aware behavior, and top-layer styling.
Open cheat sheetHTML Drag and Drop and DataTransfer Cheat Sheet
Build deliberate HTML drag-and-drop interactions with draggable sources, drop targets, DataTransfer payloads, operation feedback, cleanup, and accessible alternatives.
Open cheat sheetHTML Forms Cheat Sheet
Build clear, accessible HTML forms with labels, input types, validation, selects, and safe submission patterns.
Open cheat sheetPointer Events and Gesture Handling Cheat Sheet
Build unified mouse, touch, and pen interactions with pointer capture, touch-action, coalesced input, accessible controls, and robust cancellation.
Open cheat sheet7 cheat sheets
Media and Embedding
Present responsive media, graphics, frames, capture, and immersive content.
Fullscreen and Picture-in-Picture API Cheat Sheet
Request fullscreen and video Picture-in-Picture safely with user activation, state events, permissions policy, feature detection, and accessible controls.
Open cheat sheetHTML Audio and Video Cheat Sheet
Embed accessible HTML audio and video with native controls, multiple sources, posters, preload hints, captions, subtitles, transcripts, and safe playback behavior.
Open cheat sheetHTML Canvas and Inline SVG Cheat Sheet
Choose canvas or SVG for web graphics, size canvases sharply, draw accessible fallbacks, structure inline SVG, and make graphics responsive.
Open cheat sheetHTML iframes Cheat Sheet
Embed external documents with accessible iframe titles, responsive sizing, lazy loading, sandbox restrictions, permissions policy, and safe cross-window messaging.
Open cheat sheetHTML Responsive Images Cheat Sheet
Embed accessible, responsive, and efficient HTML images with alt text, dimensions, srcset, sizes, picture sources, and loading hints.
Open cheat sheetMedia Capture and Screen Sharing Cheat Sheet
Capture cameras, microphones, and screens responsibly with constraints, permissions, track controls, recording, privacy indicators, and complete cleanup.
Open cheat sheetWeb Audio API Cheat Sheet
Design robust browser audio graphs with user activation, precise scheduling, gain staging, analysis, AudioWorklet processing, and resource cleanup.
Open cheat sheet9 cheat sheets
DOM and Lifecycle
Work with document nodes, browser events, observers, navigation, and timing.
Browser Events and Event Delegation Cheat Sheet
Handle browser events with predictable propagation, scalable delegation, cancellable defaults, abortable listeners, and shadow-DOM-aware event paths.
Open cheat sheetDocument Lifecycle and Page Visibility Cheat Sheet
Initialize at the right readiness state, pause hidden-page work, restore from the back-forward cache, and send final state without blocking navigation.
Open cheat sheetDOM Selection and Range API Cheat Sheet
Create DOM ranges, inspect user selections, replace or clone selected content, measure fragments, and handle form controls and shadow roots correctly.
Open cheat sheetDOM Traversal and Manipulation Cheat Sheet
Select, traverse, create, move, replace, clone, and remove DOM nodes with safe construction patterns and predictable collection behavior.
Open cheat sheetHTML Templates, Slots, and Custom Elements Cheat Sheet
Build reusable DOM fragments and web components with template, slot, custom elements, shadow roots, lifecycle callbacks, and safe cloning.
Open cheat sheetHTML URL, History, and Navigation APIs Cheat Sheet
Parse and validate URLs, edit query strings, manage fragments and session history, and progressively enhance navigation without breaking browser controls.
Open cheat sheetMutation, Intersection, and Resize Observers Cheat Sheet
Observe DOM mutations, viewport intersections, and element size changes with precise delivery timing, bounded callbacks, and reliable lifecycle cleanup.
Open cheat sheetPerformance Timing and Observers Cheat Sheet
Measure navigation, resources, user flows, rendering, and responsiveness with PerformanceObserver while controlling overhead and data exposure.
Open cheat sheetWeb Animations API Cheat Sheet
Create, coordinate, inspect, and clean up script-driven animations with keyframes, timing controls, promises, accessibility, and compositing.
Open cheat sheet8 cheat sheets
Networking and Offline
Load resources, communicate in real time, and build resilient web applications.
Fetch API and Streaming Cheat Sheet
Build reliable Fetch API clients with honest HTTP handling, CORS and credentials, abortable deadlines, incremental response parsing, and stream backpressure.
Open cheat sheetHTML Script, Stylesheet, and Resource Loading Cheat Sheet
Load and embed classic scripts, JavaScript modules, stylesheets, fonts, resource hints, priority hints, and deferred embeds with predictable execution and fallback behavior.
Open cheat sheetPush Notifications and App Badging Cheat Sheet
Implement permission-respectful web push, service-worker notifications, click routing, subscription security, and resilient application badges.
Open cheat sheetService Workers and Offline Caching Cheat Sheet
Register scoped service workers, manage install and activation, intercept fetches, build deliberate offline caching strategies, and ship compatible updates safely.
Open cheat sheetWeb Locks and Cross-Tab Coordination Cheat Sheet
Coordinate tabs and workers with scoped Web Locks, bounded acquisition, leader election, messaging, deadlock prevention, and durable storage transactions.
Open cheat sheetWeb Workers and Messaging Cheat Sheet
Run JavaScript off the main thread with dedicated and shared workers, structured cloning, transferable data, MessageChannel ports, lifecycle controls, and error handling.
Open cheat sheetWebRTC Peer Connections Cheat Sheet
Build production WebRTC calls with negotiation, ICE, media transceivers, data channels, TURN, diagnostics, security, and deterministic cleanup.
Open cheat sheetWebSockets and Server-Sent Events Cheat Sheet
Build resilient browser realtime clients with WebSockets or Server-Sent Events, explicit framing, reconnection, flow control, security, and cleanup.
Open cheat sheet7 cheat sheets
Security, Storage, and Devices
Protect applications and use browser storage, identity, files, and device APIs.
File System Access and Origin-Private Storage Cheat Sheet
Work safely with user-chosen files, directories, writable streams, permissions, OPFS, worker sync handles, quotas, and cleanup.
Open cheat sheetHTML File Inputs and File API Cheat Sheet
Select, inspect, validate, preview, read, and upload user-chosen files with input type=file, File, FileReader, object URLs, FormData, and server-side checks.
Open cheat sheetWeb Authentication and Passkeys Cheat Sheet
Implement WebAuthn passkey registration and sign-in with correct encoding, conditional UI, user verification, and mandatory server-side validation.
Open cheat sheetWeb Crypto API Cheat Sheet
Use browser cryptographic primitives safely for randomness, hashing, authenticated encryption, signatures, derivation, and controlled key import and export.
Open cheat sheetWeb Permissions, Geolocation, and Device Access Cheat Sheet
Request geolocation, camera, microphone, display capture, and motion data with secure-context checks, meaningful consent, cleanup, and fallbacks.
Open cheat sheetWeb Security: CSP, SRI, and Trusted Types Cheat Sheet
Deploy restrictive Content Security Policy, verify third-party resources with SRI, and reduce DOM injection risk with Trusted Types and safe sinks.
Open cheat sheetWeb Storage and IndexedDB Cheat Sheet
Store browser data safely with localStorage, sessionStorage, IndexedDB transactions, indexes, quota estimates, persistence, and migrations.
Open cheat sheet