Skip to main content

Talk: Practically Accessible

This talk consists of multiple slides, each contained within its own section. Each section has a link at the end to the next section.

Slide 16: Screen Reader-only content

Before
<div>
  <!-- just a green circle -->
  <span className="rounded-full w-4 h-4 bg-green-500 block" />



</div>
After
<div>
  <!-- just a green circle -->
  <span className="rounded-full w-4 h-4 bg-green-500 block" />

  <!-- screen reader content -->
  <span className="sr-only">available</span>
</div>