Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Navigation Menu Button Example should use a button element for the menu button #352

Closed
carmacleod opened this issue Mar 31, 2017 · 5 comments
Assignees
Labels
Example Page Related to a page containing an example implementation of a pattern Feedback Issue raised by or for collecting input from people outside APG task force

Comments

@carmacleod
Copy link
Contributor

carmacleod commented Mar 31, 2017

The Navigation Menu Button Example shows a menu button containing a menu of links.
For some reason, the button itself ("WAI-ARIA Quick Links") uses an <a> element and adds a role of "button", but this does not seem correct to me - I think it should just use a button element.
The test of whether or not to use an anchor element is this: "Will the user ever want to open this thing in a new browser tab or window?" If the answer is, "No", then it does not make sense to use an element that can be right-clicked and have the browser's context menu contain items such as: "Open link in new tab", "Open link in new window", etc. Please just use a button element for the "WAI-ARIA Quick Links" button.
(The menu items are ok as links - it is only the menu button that should not be a link).

@mcking65 mcking65 added Example Page Related to a page containing an example implementation of a pattern Feedback Issue raised by or for collecting input from people outside APG task force labels Jul 15, 2017
@mcking65 mcking65 added this to the 3Q17 Working Draft milestone Jul 15, 2017
@mcking65
Copy link
Contributor

@MichielBijl, were you planning on submitting a PR for this? If so, could it be before Oct 18?

@ZoeBijl
Copy link
Contributor

ZoeBijl commented Oct 13, 2017

@mcking65 this was never assigned to me? But I can do it.

@ZoeBijl ZoeBijl self-assigned this Oct 13, 2017
@ZoeBijl
Copy link
Contributor

ZoeBijl commented Oct 13, 2017

Fixed in 9714cf4

@ZoeBijl ZoeBijl closed this as completed Oct 13, 2017
@mcking65
Copy link
Contributor

@MichielBijl, thanks!

I am reopening though because we still have to align the documentation on the page with the code. There is some language in the intro that needs to be edited because it mentions the button. There is also a row that needs to be removed from the states and props table and some additional rows where the element column needs to be changed from a to button.

Do you have time for this too?

@mcking65 mcking65 reopened this Oct 13, 2017
mcking65 added a commit that referenced this issue Nov 6, 2017
…ment

For issue #352, modified examples/menu-button/menu-button-links.html to:

* Change example description to state that an HTML button is used for the menu button.
* Remove row for button role from  roles, states, and properties table.
* Update roles, states, and properties table to change  the   element column to say button instead of 'a'.
* Moved info  about button label from deleted row to a note below the table.
@mcking65
Copy link
Contributor

mcking65 commented Nov 6, 2017

Commit 9597648 wraps this up.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Example Page Related to a page containing an example implementation of a pattern Feedback Issue raised by or for collecting input from people outside APG task force
Development

No branches or pull requests

3 participants