Accessibility is important on the web. ARIA is there to help you program your application or website to help those who may need to use a screen reader to access the Internet.
Here are a few examples of how you could incorporate ARIA into your website or app. Many libraries within React allow you to utilise ARIA in various ways through their documentation.
ARIA is also dependent on the choice of browser. The examples below are tailored for Google Chrome.
The screen reader will let the user know if the checkbox is checked.
<li tabindex="0" class="checkbox" role="checkbox" checked aria-checked="true">
Receive promotional offers
</li><button aria-label="screen reader only label"></button><div aria-live="true">
<span>GOOG: $400</span>
</div>