Code Quiz

Accessible Custom Button Bug

Find why this custom ARIA button fails keyboard users despite having the right role.

Codejavascript

function ToggleMenu({ open, onToggle }) {
  return (
    <div
      role="button"
      aria-expanded={open}
      onClick={onToggle}
      className="menu-trigger"
    >
      Menu
    </div>
  );
}

This div has role="button" and aria-expanded, but keyboard users still can't operate it. What is the bug?

Next →Focusing a heading on route change