WebAIM - Web Accessibility In Mind

E-mail List Archives

more Info buttons

for

From: Jonathan Cohn
Date: Mar 3, 2018 10:20AM

I am working with an application that has "More Info" buttons near several form fields that can provide additional information about the acceptable input. The more info "slides out a div marked with role="region" and label "More Info" with a client configurable content.

In terms of accessibility, I am considering having the "More Info" button have an aria-describedby attribute pointing to the DIV. This certainly seems an efficient way to get explanations to a screen reader without having to Open / Close the slide out panel. Though I am worried if a client decides to place several paragraphs that this will be overwhelming.

Also, I have a JavaScript issue with the button. The keyboard interactions are working correctly except in Microsoft based browsers. (IE11 / Edge) Any idea what could be causing the click action to not be accepted on these browsers? Seems to be a query v3 library with event handlers added at the end of the HTML code.

Best wishes,

Jonathan Cohn