diff --git a/examples/menu-button/css/MenubuttonLinks.css b/examples/menu-button/css/MenubuttonLinks.css index 3f23a1fab1..25b338bb10 100644 --- a/examples/menu-button/css/MenubuttonLinks.css +++ b/examples/menu-button/css/MenubuttonLinks.css @@ -4,9 +4,6 @@ .menu_button button { font-size: 110%; -} - -a[role="button"] { display: block; padding: 0.25em; border: inset 2px gray; @@ -58,8 +55,3 @@ ul[role="menu"] a[role="menuitem"]:hover{ background-color: black; color: white; } - - - - - diff --git a/examples/menu-button/menu-button-links.html b/examples/menu-button/menu-button-links.html index cbf5210f68..0933b7295c 100644 --- a/examples/menu-button/menu-button-links.html +++ b/examples/menu-button/menu-button-links.html @@ -21,7 +21,7 @@

Navigation Menu Button Example

- This example demonstrates the + This example demonstrates the menu button design pattern for a button that displays a menu of link targets. The menu items are made from HTML links and maintain their HTML link behaviors. @@ -32,7 +32,7 @@

Navigation Menu Button Example

The menuitem role is on the HTML a element contained by each li element so link behaviors are available when focus is set on the menu item. Another reason the menuitem role is not on the li element is that the semantics of descendants of ARIA menuitem elements are not exposed in the accessibility tree. That is, an item in a menu can only be a menuitem because accessibility APIs do not enable assistive technologies to render elements contained inside of an item in a menu. - For a more detailed description of this constraint, see + For a more detailed description of this constraint, see Roles That Automatically Hide Semantics by Making Their Descendants Presentational.

Similar examples include:

@@ -45,15 +45,13 @@

Example