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

20 votes160 views6 answers
Html telephone
Html
0 vote132 views1 answer
@endguest
Html
0 vote175 views1 answer
Bootstrap vertical hr
Html
0 vote151 views1 answer
Html not showing image with full path
Html
0 vote182 views2 answers
Agregar atributo html con id jquery
Html
25 votes144 views1 answer
Scale svg css
Html
1 vote172 views1 answer
How to code table headings in html
Html
0 vote149 views1 answer
Html practice
Html
0 vote148 views1 answer
Call angular function from html
Html
0 vote185 views1 answer
Print html table
Html