WebAIM - Web Accessibility In Mind

E-mail List Archives

aria-expanded question

for

From:
Date: Apr 19, 2017 7:41AM

Hi,

I am working in a UI where a button will be replaced by a panel with small
form and can not be closed. The main problem is that the button will
disappear after the user clicks on it.

I am trying to solve this problem as a button collapse, hide the button
except for screen readers and manage the tabindex of this element after
click to be sure no one can access again.

I create a codepen to explain the solution, but seen to hacky for me.
https://codepen.io/luarmr/pen/oWbZYK

Should just add aria-expanded and move the focus to the new panel?

Any thoughts about this?

Thanks!