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 vote199 views2 answers
Check build version for html text in android
Html
15 votes259 views3 answers
How to create an html file
Html
29 votes178 views4 answers
Meta responsive
Html
0 vote184 views1 answer
Customize the names of downloadable files
Html
1 vote784 views1 answer
Html how to create an icon bar in url
Html
5 votes174 views2 answers
Vue if echo class
Html
7 votes195 views1 answer
Img on click html
Html
-3 votes232 views3 answers
Html file input accept excel file
Html
0 vote182 views1 answer
React bootstrap 5 doesn't apply styles
Html
2 votes214 views1 answer
Html context menu
Html