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 vote128 views1 answer
How to add command in html
Html
0 vote141 views1 answer
Java ee static html
Html
7 votes142 views2 answers
Infocard bootstrap 4 css templates
Html
0 vote85 views1 answer
@endguest
Html
0 vote144 views1 answer
Turn of blur html canvas
Html
11 votes124 views2 answers
H1 markdown
Html
0 vote122 views1 answer
Htaml p
Html
12 votes142 views3 answers
Vue form
Html
74 votes148 views6 answers
Href on a button
Html
3 votes137 views2 answers
Contenteditable onchange
Html