Skip to content
Advertisement

Tag: accessibility

focus() on element triggers keyup event

Can someone explain to me, why calling the focus() method on an element, triggers that elements keyup event, when the focus() method is called from an click event handler, but that handler is triggered by a keypress? Above is an example, that you can try out yourself. The expexted behaviour for me is, that when clicking or hitting enter on

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

Accordion component keyboard commands

I have an accordion component which is working correctly using the ‘tab’ to navigate through the controls, and on ‘enter’ and ‘spacebar’ the accordion expands. I am trying to figure out a way to navigate to the next accordion using the ‘up’ and ‘down’ arrow keys. I am familiar with Javascript but I have not been able to achieve this

Advertisement