WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: aria-expanded question

for

Number of posts in this thread: 1 (In chronological order)

From:
Date: Wed, Apr 19 2017 7:41AM
Subject: aria-expanded question
No previous message | No next message

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!