with ReactJS
Derived from an element’s:
ARIA trumps all; the accessible name provided with the native HTML will be overridden by the accessible name provided with ARIA.
aria-label
aria-labelledby
<input type="search" aria-labelledby="this">
<button id="this">Search</button>
takes an id that is referenced else where
<button aria-label="Add Chamukos tequila to cart">Add to cart</button>
roles