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 vote200 views1 answer
OpenGraph 1
Html
1 vote198 views1 answer
Favicon icon in css font awesome
Html
1 vote172 views1 answer
What is the code element in html
Html
0 vote150 views1 answer
Haw to fmake a link open in a new tag in html
Html
2 votes186 views1 answer
How to use an html div by name in jquery
Html
0 vote182 views2 answers
Twig lower
Html
201 votes226 views6 answers
Open in new tab html
Html
0 vote206 views1 answer
How to remove spaces between html elements like lebel
Html
0 vote174 views2 answers
Signature template html
Html
0 vote189 views1 answer
How to make text move in html
Html