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 vote148 views3 answers
How to Set focus to first text input in a bootstrap modal after shown
Html
194 votes236 views6 answers
How to add css to html
Html
0 vote160 views1 answer
Footer ionic
Html
0 vote166 views1 answer
Compile haml to html
Html
6 votes166 views4 answers
Html background image fit to screen
Html
0 vote167 views1 answer
What is hot crypto wallet
Html
86 votes160 views6 answers
Add image in html
Html
0 vote178 views1 answer
Roslaunch if else
Html
0 vote176 views2 answers
How to stop audio when playing other in html
Html
1 vote155 views2 answers
Display none on button click
Html