Skip to content

Tag: accessibility

How to announce new content after ‘Show more’ button is clicked?

I have been trying to add VO support in an area that loads some additional content after user clicks Show more button (refer the screenshots attached). Required behavior: I need the VO to announce the info about additionally loaded elements, something like “What is a cookie? and 11 more items”. Tried: Method-1: used aria-live=”polite” aria-relevant=”additions” behavior: announces “What is a

Lazy loading images with accessibility and printer support

I am looking for a proper way to implement lazy loading of images without harming printability and accessibility, and without introducing layout shift (content jump), preferrably using native loading=lazy and a fallback for older browsers. Answers to the question How lazy loading images using JavaScript works? included various solutions none of which completely satisfy all of these requirements. An elegant