ARROW</kbd></li>
  </ul>
  <h2>Example</h2>
  <div class="example">
    <section class="inner-example">
      <h4>Other content</h4>
      <div role="banner" class="inner-example">
        <h4>Test content</h4>
      </div>
    </section>
  </div>
  <h2>Code</h2>
<!-- start code -->
<pre><code>&lt;section&gt;
  &lt;h4&gt;Other content&lt;/h4&gt;
  &lt;div role="banner"&gt;
    &lt;h4&gt;Test content&lt;/h4&gt;
  &lt;/div&gt;
&lt;/section&gt;</code></pre>
<!-- end code -->
  <h2>Assistive technologies</h2>
 