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 vote314 views1 answer
Meter balise
Html
6 votes352 views3 answers
Html textarea height
Html
3 votes308 views1 answer
Ion-select cancel text
Html
0 vote381 views2 answers
Elements should have autocomplete attributes
Html
0 vote299 views1 answer
London poem analysis
Html
56 votes320 views6 answers
Hyperlink html
Html
1 vote316 views1 answer
Accept method jsf component
Html
1 vote303 views2 answers
Class required bootstrap 3
Html
0 vote340 views3 answers
How to add custom html menu in wordpress
Html
0 vote294 views1 answer
Alpine function
Html