Quick Reference: ARIA Without the Foot-Guns

Native first Native button or div role="button"? Use native unless the native element cannot express the actual job. State sync What must update when a disclosure opens and closes? Think state, not animation. aria-expanded must match the visible state. The visual arrow, hidden content, and programmatic expanded state should all tell the same story. PR objection Can we just add ARIA so the div is accessible? A generic element is being used for a button-like action. Your line ARIA can name the promise, but it will not implement the behavior. If this is an action, a real button is the…

Sign up free — one personalized lesson every day, matched to your role and goals.

Already have an account? Sign in