In the example below, the <button>
element's accessible name is concatenated into a text string from the accessible names of all of it's descendant elements. The button below has an accessible name of:
"Hello how are you doing today?"
<button>
<img src="cross.png" alt="Hello">
<span class="hidden">how are you</span>
<span aria-label="doing"></span>
<span aria-labelledby="aaa"></span>
<span title="?"></span>
</button>
<p id="aaa" style="display: none;">today</p>