SR-Only
To visually hide elements but still make them readable by screen readers add:
flix-sr-only
;
If the element is focusable and should be made visible when interacted with the keyboard:
flix-sr-only-focusable
;
Try tabbing through the following list of links:
<div><a class="flix-link" href="visible-link">Visible Link</a></div>
<div><a class="flix-link flix-sr-only" href="screen-reader-only-link">Screen Reader Only Link</a></div>
<div><a class="flix-link flix-sr-only-focusable" href="focus-only-link">Focus Only Link</a></div>