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

3 votes290 views2 answers
How to automatically redirect in html
Html
0 vote280 views1 answer
Amp-img example
Html
0 vote297 views1 answer
How do you set a focus keyphrase in html site
Html
2 votes295 views1 answer
Html autoplay not vork iphone
Html
2 votes302 views1 answer
How to install font-aweseome usin npm
Html
0 vote276 views1 answer
<pre>; html tag that preserves spacing
Html
0 vote278 views1 answer
Ios viewport cover
Html
0 vote300 views1 answer
Pgadmin erd tool existing database
Html
0 vote300 views1 answer
 html
Html
75 votes302 views5 answers
Copyright sign in html
Html