The snippet library.
Small, practical examples. Search by task or narrow things down below.
Group mutually exclusive choices
Use the same name for HTML radio buttons and a fieldset legend.
HTML✓ Tested
Highlight a relevant phrase in context
HTML: Mark identifies text relevant to the current activity, such as a search match.
HTML✓ Tested
Identify a search region with the search element
HTML: The native search element exposes a search landmark in supporting browsers.
HTML✓ Tested
Identify headers for individual table rows
HTML: Scope row associates the first header cell with the data cells in that row.
HTML✓ Tested
Identify the current page in a breadcrumb
HTML: An ordered breadcrumb list sits inside a named navigation region, with aria-current on the current location.
HTML✓ Tested
Identify the selected submit action
HTML: Each submit button can supply its own named value for the same form.
HTML✓ Tested
Identify the title of a cited work
HTML: Cite marks the title of a work rather than the name of its author.
HTML✓ Tested
Include a nonvisible value in form data
HTML: A named hidden input contributes data without adding a visible editing control.
HTML✓ Tested
Isolate a value with a different writing direction
HTML: Bdi isolates embedded user text so its direction does not reorder surrounding punctuation.
HTML✓ Tested
Keep a decorative icon out of a button’s name
HTML: aria-hidden excludes a decorative character while leaving the visible action text as the accessible name.
HTML✓ Tested
Keep an action button from submitting a form
HTML: Specify type button for controls whose purpose is a local action.
HTML✓ Tested
Keep an image and its visible caption together
HTML: Figure and figcaption represent a self-contained illustration with an associated caption.
HTML✓ Tested