Write clean, modern, and highly accessible HTML & JSX code, using semantically correct elements and attributes. Use when working on HTML / JSX code.
We write semantic, accessible, standards-compliant HTML by default. Accessibility is a baseline requirement, not an enhancement.
header, nav, main, section, article, footer)div/span usage when a semantic element existsh1 → h6) without skipping levelsaria-label or visible text where requiredemail, url, number, etc.)
<input type="url"> for URL inputs — provides free format validation and
correct mobile keyboardalt text for imagesalt="" only for purely decorative imagesfigcaption) where context mattersmain region