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 vote127 views10 answers
Www.selleit.in
Html
0 vote76 views1 answer
How to make a search bar with div
Html
2 votes120 views1 answer
Ng bootstrap input
Html
0 vote108 views1 answer
How to include the trademark symbol in html
Html
15 votes119 views3 answers
How to create an html file
Html
1 vote110 views1 answer
How to edit an HTML file
Html
38 votes110 views5 answers
Roboto
Html
0 vote139 views2 answers
Multiple autocomplete material angular shows same dropdown
Html
1 vote117 views1 answer
How to disable zoom in html page on different screen resolutions
Html
0 vote127 views1 answer
Html element hover helptext
Html