Web Development: code, ship & scale

Free converters and in-depth articles — HTML & CSS, TypeScript, React, APIs, performance, DevOps, accessibility, AI coding, app builders and AI APIs.

Web Development articles

Accessibility

Accessible Icons: aria-hidden, Labels and Icon Buttons

Give every interface icon the right accessible treatment. Learn when to hide SVGs, how to name icon-only buttons, and which checks catch confusing controls before release.

Inside this article

Classify the icon before adding attributes
Hide graphics that repeat visible words
Name icon-only controls at the control level
Give informative icons a text equivalent

Theo OkaforRead the article

HTML & CSS

HEX vs RGB vs HSL: How to Convert CSS Colors Correctly

Learn when to use HEX, RGB, and HSL, convert values without changing the intended colour, and avoid alpha, rounding, and percentage mistakes in CSS.

Marcus Bell

Jump to a web development topic