E-mail List Archives

aria-expanded question


Date: Apr 19, 2017 7:41AM


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.

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

Any thoughts about this?