Hmm, No focus management, no aria and the content outside the modal will be read by screen readers.
I prefer to have 2 nodes as a child of <body> tag.
<body>
aria-hidden="true"
So how do you inject your components into #modals node? You use react portals!
yes @anpos231 , I am planning to implement this approach on the reactjs-popup next release
reactjs-popup
Maybe don't use 'reactjs-popup'. It's not screen reader friendly and suffers from all the issues that I already mentioned above.
I'd suggest Reakit instead. It supports full customisation and the entire framework is focused on accessibility.
Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.
Hide child comments as well
Confirm
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Hmm, No focus management, no aria and the content outside the modal will be read by screen readers.
I prefer to have 2 nodes as a child of
<body>
tag.aria-hidden="true"
attribute set, if #modal contains any modals.So how do you inject your components into #modals node?
You use react portals!
yes @anpos231 , I am planning to implement this approach on the
reactjs-popup
next releaseMaybe don't use 'reactjs-popup'. It's not screen reader friendly and suffers from all the issues that I already mentioned above.
I'd suggest Reakit instead.
It supports full customisation and the entire framework is focused on accessibility.