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 vote174 views2 answers
How to open html file in terminal
Html
91 votes184 views6 answers
Bootstrap color class
Html
8 votes161 views6 answers
Jumbotron bootstrap
Html
0 vote163 views1 answer
Html5 comment
Html
7 votes151 views4 answers
Html style attribute
Html
1 vote198 views2 answers
The package flectra needs to be reinstalled, but I can't find an archive for it.
Html
1 vote185 views1 answer
When does useeffect return run
Html
0 vote172 views2 answers
How to add html in useState
Html
1 vote177 views1 answer
Input onchange continuously
Html
0 vote191 views1 answer
Captcha code
Html