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

84 votes272 views4 answers
Html how to insert image
Html
-1 vote304 views1 answer
How to eliminate scroll bar in html
Html
0 vote274 views1 answer
What is ul stands for in html
Html
2 votes285 views2 answers
Image preview for website
Html
22 votes280 views1 answer
Input type that allows float number
Html
0 vote296 views1 answer
Strictmode causes double render
Html
0 vote324 views1 answer
Javascript upload file without input
Html
0 vote286 views1 answer
Alpine js onclick example
Html
0 vote294 views1 answer
Tailwind download button
Html
0 vote297 views1 answer
How can you make a bulleted list with numbers in html
Html