Tag: accessibility

Lazy loading images with accessibility and printer support

accessibility html javascript lazy-loading web-performance

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…

Focus trap for multiple modals

accessibility focus javascript keydown

I’m working on a trap focus modal functionality and it works well with a single element, but I can’t get it working with multiple elements. It traps focus only on last modal. I know there is something wrong with my loop, I tried to catch activeElement and add a condition if it’s equal to foc…

What should be the `aria-role` of an accordion? During accessibility check, my accordions are read as buttons, which may confuse the user

accessibility html javascript roles wai-aria

I have a webpage and I have managed to keep few accordions in it as well. Since I have given “role”=”button” on accordions, my accordions are read as ‘button’ during accessibility testing. What should be the aria-parameter values if I wanted my accordions to be read as acco…

Accessibility – React Ensure click events have key events

accessibility decorator javascript reactjs

I want to be sure that all my onClick event are next to a onKeyDown event. I will use eslint-plugin-jsx-a11y to ensure this. But in code, It is a way to do this generic. I mean, it will be annoying to do all the time: I would like to have a way to tell an element that in onKeyDown in