Sa11y is an accessibility quality assurance tool that visually highlights common accessibility and usability issues. Geared towards content authors, Sa11y straightforwardly identifies errors or warnings at the source with a simple tooltip on how to fix them.
data-src attribute is often used when lazy loading to prevent the default image from loading when the page loads. E.g. <img data-src="unicorn.jpg" alt="…" loading="lazy">
To-do:
Improve generateElementPreview() to account for lazy loaded images that use
data-src
attribute.data-src
attribute is often used when lazy loading to prevent the default image from loading when the page loads. E.g.<img data-src="unicorn.jpg" alt="…" loading="lazy">
Example website: https://www.yorku.ca/