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 vote129 views1 answer
HCards
Html
8 votes129 views2 answers
How to add title icon in html
Html
0 vote137 views1 answer
Favicon specification
Html
8 votes146 views3 answers
Bootstrap form templates
Html
-2 votes139 views1 answer
How to add select only one radio button in html
Html
2 votes155 views2 answers
Html fieldset color background
Html
1 vote133 views1 answer
Nuxt else if
Html
1 vote145 views1 answer
Bootstrap upload image plugin for html
Html
7 votes130 views2 answers
A open in new tab
Html
0 vote136 views2 answers
Was blocked because of a disallowed mime type (“text/html”).
Html