aria-labelledby
Identifies the element (or elements) that labels the current element. aria-labelledby (property)
Links about aria-labelledby
Short note on aria-label, aria-labelledby, and aria-describedby
Be careful when you use the aria-label, aria-labelledby, and aria-describedby attributes, because they do not work consistently with all HTML elements. This is a short note on when (and when not) to u
Tags:
Using the aria-labelledby attribute
The aria-labelledby attribute establishes relationships between objects and their label(s), and its value should be one or more element IDs, which refer to elements that have the text needed for labeling. List multiple element IDs in a space delimited fashion. This idea is similar to how the “for” a…
This might be interesting as well
Accessible SVGs | CSS-Tricks
Scalable Vector Graphic (SVG) is emerging as the preferred graphic format to use on the web today. Are you abandoning the icon font or replacing old pg,
Code sample
<svg viewBox="0 0 100 100" aria-labelledby="title_id" role="img">
<title id="title_id">Navigation</title>
<path … />
</svg>Explore other pages
- lch()
LCH has the same L axis as Lab, but uses polar coordinates C (chroma) and H (hue).
- figure
Represents content, optionally with a caption, that is self-contained.
- grid-column
Determines a grid item’s size and location within the grid .
- mask-image
Sets the mask layer image of an element.