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 vote257 views1 answer
Frameset col html
Html
6 votes231 views1 answer
Html tag shows text from one side to another
Html
1 vote239 views1 answer
Spacing between columns bootstrap 5
Html
0 vote231 views1 answer
Table body element
Html
1 vote244 views1 answer
At html
Html
5 votes213 views1 answer
How to autoplay youtube video in html
Html
15 votes251 views3 answers
Html set icon
Html
-1 vote235 views3 answers
Vue if
Html
1 vote193 views1 answer
24 hour input time
Html
0 vote245 views1 answer
Show image only on md screen
Html