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
Tag: wai-aria
Focus trap on not absolute, focus escapes to browser UI elements
I am trying to get my head around the <dialog> html element and the example laid out by MDN here. When I run the code from it… … I find that when the dialog opens the focus does not completely “trap” like the ARIA modal example describes. They say when user presses the tab key: When focus is on the
How to add wai-aria property for file picker?
I am currently following this tutorial to have a file picker functionality. http://www.alecjacobson.com/weblog/?p=1645 I would like to add wai-aria attribute for “choose file” part to make it readable. I have tried to use aria-controls and tabindex but couldnt get any positive response when i simulate some validators.. Any idea? Answer Modern browsers identify the file type of input control as
What should be the `aria-role` of an accordion? During accessibility check, my accordions are read as buttons, which may confuse the user
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 accordions itself, not buttons? Can someone give an insight on it? Also, it