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

1 vote152 views1 answer
Anchor tag for top of the page
Html
3 votes159 views4 answers
Paragraph in html
Html
0 vote150 views1 answer
Laravel csrf fields
Html
0 vote190 views1 answer
Shortcut for html skeleton
Html
42 votes125 views6 answers
Html newline
Html
0 vote166 views3 answers
HTML JWB
Html
0 vote148 views1 answer
Git print commit tree html
Html
35 votes146 views2 answers
Form input autocomplete off
Html
0 vote162 views1 answer
HTML Bullet Points / Lists
Html
1 vote148 views1 answer
Spacing between columns bootstrap 5
Html