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

84 votes156 views4 answers
Html how to insert image
Html
25 votes183 views6 answers
Navbar bootstrap 4
Html
5 votes166 views2 answers
Sessionnotcreatedexception: message: session not created: this version of chromedriver only supports chrome version 81
Html
1 vote148 views2 answers
Tailwind CSS Spinner
Html
2 votes210 views2 answers
Html empty character
Html
21 votes145 views1 answer
Viewport responsive
Html
0 vote141 views1 answer
Sematic ui modals
Html
0 vote138 views1 answer
Html5 fonts
Html
0 vote195 views1 answer
Npm package private
Html
0 vote140 views1 answer
Html download video link
Html