diff --git a/.eslintrc b/.eslintrc
index a7119795..06dc1920 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -28,6 +28,7 @@
"react/no-find-dom-node": [0],
"react/jsx-closing-bracket-location": [0],
"react/jsx-filename-extension": ["error", {"extensions": [".js"]}],
+ "react/forbid-prop-types": [1, {"forbid": ["any"]}],
"react/require-default-props": 0
}
}
diff --git a/README.md b/README.md
index 41046df8..a42c30e7 100644
--- a/README.md
+++ b/README.md
@@ -76,6 +76,28 @@ Modal.setAppElement(appElement);
Modal.setAppElement('#your-app-element');
```
+### Additional Aria Attributes
+
+Use the property `aria` to pass any additional aria attributes. It accepts
+an object where the keys are the names of the attributes without the prefix
+`aria-`.
+
+Example:
+
+```js
+
+
H1
+
+
Description goes here.
+
+
+```
+
## Styles
Styles are passed as an object with 2 keys, 'overlay' and 'content' like so
diff --git a/docs/README.md b/docs/README.md
index 36d77d9e..1094f86b 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -82,6 +82,13 @@ import ReactModal from 'react-modal';
Function that will be called to get the parent element that the modal will be attached to.
*/
parentSelector={() => document.body}
+ /*
+ Additional aria attributes (optional).
+ */
+ aria={{
+ labelledby: "heading",
+ describedby: "full_description"
+ }}
/>
```
diff --git a/examples/basic/app.js b/examples/basic/app.js
index 96fdad35..323f4d90 100644
--- a/examples/basic/app.js
+++ b/examples/basic/app.js
@@ -69,12 +69,19 @@ class App extends Component {
{}}
onRequestClose={this.toggleModal_2}>
-