[added] aria-hidden, by default, to modal container siblings.

react-bootstrap · Aug 17, 2015 · edd316a · edd316a
1 parent 4f7823e
commit edd316a
Show file tree

Hide file tree

Showing 9 changed files with 142 additions and 100,259 deletions.
diff --git a/examples/App.js b/examples/App.js
@@ -136,4 +136,4 @@ const Example = React.createClass({
   }
 });
 
-React.render(<Example/>, document.body);
+React.render(<Example/>, document.getElementById('app-container'));
diff --git a/examples/Modal.js b/examples/Modal.js
@@ -52,14 +52,16 @@ const ModalExample = React.createClass({
         <p>Click to get the full Modal experience!</p>
 
         <Modal
+          aria-labelledby='modal-label'
           style={modalStyle}
           backdropStyle={backdropStyle}
           show={this.state.showModal}
           onHide={this.close}
         >
-          <div style={dialogStyle()}>
-            <h4>Text in a modal</h4>
+          <div style={dialogStyle()} >
+            <h4 id='modal-label'>Text in a modal</h4>
             <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
+            <input autoFocus/>
             <ModalExample/>
           </div>
         </Modal>

diff --git a/examples/index.html b/examples/index.html
@@ -17,7 +17,7 @@
     <![endif]-->
   </head>
   <body>
-    <div id="root">
+    <div id="app-container">
     </div>
   </body>
   <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.2.0/codemirror.js"></script>