fancybox
fancybox copied to clipboard
Accessibility: aria-label attributes for buttons
The buttons have title attributes which are ignored by most screen readers. The content of the buttons (SVGs) are also not readable.
Using the title attribute for users without disabilities and aria-label attribute for those with disabilities would solve this problem:
zoom: '<button data-fancybox-zoom class="..." title="{{ZOOM}}" aria-label="{{ZOOM}}">' +
https://developers.google.com/web/tools/lighthouse/audits/button-name