xxxxxxxxxx
<!--aria-label is only visible to assistive technologies-->
<button class="carousel-button-prev" aria-label="Previous Slide">
<
</button>
xxxxxxxxxx
<!--aria-label is an attribute designed to help assistive technology (e.g.
screen readers) attach a label to an otherwise anonymous HTML element.-->
<button
aria-label="Back to the page"
title="Close"
onclick="closeDialog()">
X
</button>
xxxxxxxxxx
aria-label = "any labels"
aria-labelledby = "any labels" - this can also be visible for sighted users
xxxxxxxxxx
<!-- 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 -->