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

2 votes121 views2 answers
Svg img tag not showing
Html
0 vote117 views1 answer
Empecher saut de ligne html
Html
1 vote170 views1 answer
Markdown table cell multiple lines
Html
0 vote133 views1 answer
Object to string angular html
Html
0 vote116 views1 answer
Lxml.html get element by id
Html
4 votes127 views6 answers
Bootstrap documentation
Html
3 votes124 views1 answer
Change input required text html
Html
10 votes119 views3 answers
Html unordered list
Html
0 vote123 views1 answer
Confirmed button bootstrap
Html
0 vote77 views1 answer
Html webgl
Html