🎨 HTML / CSS Intermediate

What is ARIA and how does it improve web accessibility?

Answer

ARIA (Accessible Rich Internet Applications) is a set of HTML attributes defined by W3C that add accessibility information for assistive technologies like screen readers when native HTML semantics are insufficient. There are three types: Roles define what an element is (role="navigation", role="dialog"). Properties describe characteristics (aria-label="Close dialog", aria-required="true"). States describe current conditions (aria-expanded="true", aria-disabled="true"). The first rule of ARIA is: use native HTML elements whenever possible (<button>, <nav>), as they have built-in semantics. Only use ARIA when native elements cannot achieve the needed behavior.