Focusable should be applied to an action a user can perform or a link to a page displayed in a group.
<div class="section" data-br-color-scheme=light>
<div class='br-focusable'>Hover over me</div>
<div class='br-focusable' aria-selected="true">Hover over me</div>
</div>
<div class="section" data-br-color-scheme=dark>
<div class='br-focusable'>Hover over me</div>
<div class='br-focusable' aria-selected="true">Hover over me</div>
</div>
<style>
.section {
padding: var(--br-size-4);
background-color: var(--br-dark, #222) var(--br-light, #fff);
color: var(--br-dark, #ddd) var(--br-light, #333);
}
</style>