mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web.git synced 2024-12-15 20:01:31 +03:00
Code Issues Projects Releases Packages Wiki Activity

Add some comments explaining how we are using aria-hidden property to

Browse source 
hide content outside of the BaseDialog to screen reader users.
This commit is contained in:
Peter Vágner 2017-12-07 09:44:00 +01:00
parent f9b0243c8e
commit 4171675221
1 changed files with 5 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/views/dialogs/BaseDialog.js
View file

@ -50,14 +50,19 @@ export default React.createClass({
}, },
componentDidMount: function() { componentDidMount: function() {
// Retrieve the root node of the Riot application outside the dialog
this.applicationNode = document.getElementById('matrixchat'); this.applicationNode = document.getElementById('matrixchat');
if (this.applicationNode) { if (this.applicationNode) {
// Hide the content outside the dialog to screen reader users
// so they won't be able to navigate into it and act on it using
// screen reader specific features
this.applicationNode.setAttribute('aria-hidden', 'true'); this.applicationNode.setAttribute('aria-hidden', 'true');
} }
}, },
componentWillUnmount: function() { componentWillUnmount: function() {
if (this.applicationNode) { if (this.applicationNode) {
// When dismissing the dialog, make all of Riot available to screen reader users again
this.applicationNode.setAttribute('aria-hidden', 'false'); this.applicationNode.setAttribute('aria-hidden', 'false');
} }
}, },