</span></span> <span class="token punctuation">/></span></span>
<span aria-hidden="true" class="line-numbers-rows"><a href="#C10_L1" id=C10_L1></a></span></code></pre>
<p>To learn more about <code>aria</code> roles and accessibility in Ember, check out the <a href="../../reference/accessibility-guide/">Accessibility Guide</a>.</p>
</section>
<h2 id="toc_contextual-components">Contextual Components <a href="#toc_contextual-components"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
        <pa