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 vote246 views1 answer
Conda update base
Html
0 vote270 views1 answer
Twig map
Html
2 votes247 views4 answers
Youutbe
Html
109 votes260 views10 answers
Thank you coronavirus helpers
Html
63 votes261 views1 answer
How to open link in a new tab
Html
1 vote237 views1 answer
Html prevent focus on input
Html
0 vote247 views1 answer
Fa fa draft
Html
-1 vote254 views1 answer
<div className={classes.control}> <label htmlFor='email'>Email</label> <input type='email' id='email' /> </div>
Html
0 vote251 views1 answer
Js add class when hover
Html
11 votes285 views2 answers
A link in new window
Html