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