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 vote164 views1 answer
Html autoplay loop many videos
Html
72 votes225 views3 answers
Flexbox bootstrap 4
Html
93 votes330 views6 answers
Shadow border css
Html
0 vote193 views1 answer
Difference between section and div
Html
0 vote180 views1 answer
What should base_generic.html look like
Html
0 vote331 views3 answers
Uncaught ReferenceError: variable is not defined laravel
Html
0 vote168 views1 answer
Servicenow jelly debug
Html
4 votes185 views1 answer
Html center image vertically bootstrap
Html
0 vote165 views1 answer
3d css gallery js
Html
0 vote268 views1 answer
Html web page examples with source code github
Html