wai-tutorials
wai-tutorials copied to clipboard
Menus for Responsive Design
Proposed new subhead "Responsive design" to improve coverage of mobile menus.
Is there a better location to place this? Also, does this need a code snippet, or snippets?
Additionally, this resource could be added to the "further resources" section:
- From "Understanding WCAG 2.0": https://www.w3.org/TR/UNDERSTANDING-WCAG20/consistent-behavior-consistent-locations.html
@iamjolly Maybe instead of “and with the same wording and meaning” we could write “and with the same wording and destination”? (I think that is what you think of as “meaning”, but if the context is the same, the wording has the same meaning. Or doesn’t it?!)
Yes. I like your further edit @yatil.
...but items that show should appear in the same order and with the same wording and destination.
+1 to @iamjolly edit.
Also do not think code snippet is needed, unless this is something that is difficult to code and could us some reference examples.
+1 to all.
How about: Menu structure should be consistent across screen sizes. Some menu items may be collapsed or even hidden in sub navigation menus, but items that show should maintain consistent order, purpose, and labels across all screen sizes.
...Menus should be accessible by touch and keyboard.
I worry about nrhsinclair's use of labels. Not clear if this is visible labels or semantic (non-visible) label. Otherwise I like the wording. Perhaps replace labels in that version with "wording."
Thanks for the input. I’ll create a new draft when I have put the tutorial into the new layout :-)
Based on above feedback, the new text should read: "Menu structure should be consistent across screen sizes. Some menu items may be collapsed or even hidden in sub navigation menus, but items that show should appear in the same order and with the same wording and destination. Menus should be accessible by touch and keyboard." Will open a new PR with the most recent file (new layout)
Updates covered in #721. Closing PR.