<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>A &lt;div&gt;﻿with role="menu" and a child div with role="group" who has a child of role="button"..</title>
  </head>
  <body>
    <div id="test" role="menu">
      <div id="menuChild" role="group">
        <span id="groupChild" role="button">Menu <abbr title="containing">→</abbr> group <abbr title="containing">→</abbr> button</span>
      </div>
    </div>
  </body>
</html>