Should probably read “valid accessible name” or “valid label”. (And link to the forms tutorial about labeling for elements.)
I wonder if we should switch around the two approaches in step three (aria-controls and proximity of the menu). The support for aria-controls is not really widely available and with mentioning proximity first we would support an important general principle.
I don’t really know about the complete source code. It looks rather trivial when just reading it as someone who knows what the goal is, but I think that there is not enough context for beginners.
Should probably read “valid accessible name” or “valid label”. (And link to the forms tutorial about labeling for elements.)
I wonder if we should switch around the two approaches in step three (
aria-controls
and proximity of the menu). The support foraria-controls
is not really widely available and with mentioning proximity first we would support an important general principle.“Define the Entire Menu as a Navigational Area” – Instead of “area”, use “region” for consistency with the tutorials. Also, link to https://www.w3.org/WAI/tutorials/page-structure/regions/#navigation
I don’t really know about the complete source code. It looks rather trivial when just reading it as someone who knows what the goal is, but I think that there is not enough context for beginners.