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

1 vote129 views1 answer
Empty link html
Html
0 vote112 views1 answer
Need help not working (https://unpkg.com/react@17/umd/react.development.js)
Html
0 vote66 views1 answer
Bootstrap checkbox dropdown
Html
12 votes137 views3 answers
Html5 video player
Html
0 vote108 views1 answer
Angular function in html
Html
0 vote252 views1 answer
Divs
Html
10 votes126 views1 answer
Turn of sujestion in input
Html
1 vote127 views1 answer
Dutch phone pattern html
Html
1 vote110 views1 answer
What is the code element in html
Html
1 vote120 views1 answer
Href onclick do nothing
Html