Modern Accessible Html Jsx

• Labels for inputs
• aria-label or visible text where required

Forms & Inputs

• ALWAYS associate labels with form controls
• PREFER native validation and input types (email, url, number, etc.)
  • Use <input type="url"> for URL inputs — provides free format validation and correct mobile keyboard
• Ensure error messages are accessible and announced properly

Images & Media

• ALWAYS provide meaningful alt text for images
• Use empty alt="" only for purely decorative images
• Provide captions (figcaption) where context matters

Landmarks & Structure

• Use landmark roles implicitly via semantic elements
• Ensure a single, clear main region
• Structure content for screen readers, not just visual layout

General Principles

• HTML is the foundation — do not fight it
• Accessibility is non-negotiable
• If it works without CSS or JS, it's probably correct