Aria-label

<!--aria-label is only visible to assistive technologies-->
<button class="carousel-button-prev" aria-label="Previous Slide">
<
</button>

aria-label = "any labels"
aria-labelledby = "any labels" - this can also be visible for sighted users

<!-- aria-label is an HTML attribute defining a string value that labels an interactive element -->
<button aria-label="Close" onclick="myDialog.close()">
  <svg aria-hidden="true" focusable="false" width="17" height="17" xmlns="http://www.w3.org/2000/svg"><path d="m.967 14.217 5.8-5.906-5.765-5.89L3.094.26l5.783 5.888L14.66.26l2.092 2.162-5.766 5.889 5.801 5.906-2.092 2.162-5.818-5.924-5.818 5.924-2.092-2.162Z" fill="#000"/></svg>
</button>

<!-- Note: aria-label is intended for use on interactive elements, or elements made to be interactive via other ARIA declarations, when there is no appropriate text visible in the DOM that could be referenced as a label -->

Source: google.com

// The first element that matches (or null if none do):
var element = document.querySelector('[aria-label="Message Body"]');
// A list of matching elements (empty if none do):
var list = document.querySelectorAll('[aria-label="Message Body"]');

Source: stackoverflow.com

Similar codes

0 vote180 views1 answer
Html input type file accept text and word files
Html
22 votes159 views2 answers
Input type number is not showing decimal cases when is 0.00 html
Html
0 vote167 views1 answer
Change fill color using javascript
Html
0 vote209 views1 answer
El cerdo
Html
0 vote157 views1 answer
Bootstrap 4 image fit to div
Html
0 vote152 views1 answer
Bootstrap vertical hr
Html
0 vote174 views4 answers
Twig format datetime
Html
0 vote152 views1 answer
How to receive ether on smart contract
Html
0 vote166 views1 answer
Form controller in bootstrap
Html
-1 vote184 views2 answers
Back arrow html
Html