Web Accessibility (a11y) Standards and Practices

Web accessibility (a11y) standards, ensuring websites are usable by everyone, regardless of disability or device.

Content tagged accessibility

• Tutorial:Colouring a CSS text-overflow Ellipsis Separately from Its Text

  Give truncated text's ellipsis a colour of its own.

  Change the colour of a CSS text-overflow: ellipsis without faking it — the dots take their styles from the truncating container, so an inline span can colour the text separately. Covers the truncation basics, flex and grid items, multi-line line-clamp, detecting truncation in JavaScript, accessibility and common pitfalls.

• Tutorial:Styling a <select> Dropdown with CSS appearance: base-select

  Style a real select's dropdown, options and arrow.

  appearance: base-select opts a native <select> into a fully styleable mode — rich HTML in options, <selectedcontent> in the closed button, and ::picker(select), ::picker-icon and ::checkmark for the dropdown, arrow and tick — while keeping its keyboard support, accessibility and form behaviour, with a plain select as the fallback.

• Tutorial:CSS-Only Tooltips with attr() and content

  Styled, keyboard-friendly tooltips from one HTML attribute — no JavaScript.

  Build CSS-only tooltips that read their text from an HTML attribute with content: attr() — positioned with a ::after pseudo-element, given an arrow, revealed on hover and keyboard focus, flipped below the element and kept gentle under reduced motion — plus the accessibility limits and pitfalls to know before shipping one.

• Tutorial:Theming Native Controls with accent-color

  Theme native checkboxes, radios and sliders with one property.

  The accent-color property themes the checked and filled parts of native checkboxes, radio buttons, switches, range sliders and progress bars — including their indeterminate states — while keeping real browser controls with full native behaviour and accessibility, plus how it pairs with color-scheme and what it leaves alone.

• Post:HTML5 Canvas Guide: Drawing, Animation, and Best Practices

  Draw, animate, and optimise graphics with the Canvas API.

  Learn the HTML5 Canvas API from first shapes to advanced techniques — paths, transforms, animation, input, high-DPI, OffscreenCanvas, pixels, and 3D.