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 vote182 views1 answer
Tailwind CSS Footer
Html
0 vote162 views2 answers
Background music html autoplay hidden
Html
0 vote171 views1 answer
Xhtml strict
Html
6 votes187 views1 answer
Icone onglet html
Html
6 votes184 views2 answers
Html color changing background
Html
0 vote167 views1 answer
How to add a row in table html
Html
0 vote182 views1 answer
Html tag convert to d3.select() point
Html
12 votes168 views3 answers
How to make text bigger in html
Html
4 votes177 views4 answers
Carousel
Html
0 vote204 views1 answer
React hoc
Html