Accessibility

Accessibility is not optional. It ensures that applications are usable by people with disabilities, but it also improves overall usability and SEO. Search engine crawlers rely on well-structured, semantic HTML to index pages correctly. By following accessibility standards, we make our apps more inclusive and also more discoverable.

Guidelines

• Always use native interactive elements or ARIA-correct roles. Never use <div onClick> to act like a button — use <button>.
• Every form control must have an associated label. Every image must have an alt attribute (use an empty string when decorative).
• Ensure proper keyboard flows:
  • Use :focus-visible for focus styles.
  • Maintain logical tab order.
  • Handle Escape for closing dialogs and overlays.
  • Use aria-live regions to announce async updates (loading states, errors, etc.).

---