From 229cb2cd5fb8ba6f9641fec1f4d48107684bdd54 Mon Sep 17 00:00:00 2001
From: jquense <monastic.panic@gmail.com>
Date: Sat, 14 Nov 2015 08:50:46 -0500
Subject: [PATCH] [fixed] aria-label properly passed to the Modal header button

fixes #1469
---
 src/ModalHeader.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/ModalHeader.js b/src/ModalHeader.js
index de7add8ad2..673971daed 100644
--- a/src/ModalHeader.js
+++ b/src/ModalHeader.js
@@ -3,6 +3,8 @@ import classNames from 'classnames';
 
 class ModalHeader extends React.Component {
   render() {
+    let { 'aria-label': label, ...props } = this.props;
+
     return (
       <div
         {...this.props}
@@ -11,6 +13,7 @@ class ModalHeader extends React.Component {
           <button
             type="button"
             className="close"
+            aria-label={label}
             onClick={this.props.onHide}>
             <span aria-hidden="true">
               &times;
@@ -28,8 +31,8 @@ ModalHeader.__isModalHeader = true;
 
 ModalHeader.propTypes = {
   /**
-   * The 'aria-label' attribute is used to define a string that labels the current element.
-   * It is used for Assistive Technology when the label text is not visible on screen.
+   * The 'aria-label' attribute provides an accessible label for the close button.
+   * It is used for Assistive Technology when the label text is not readable.
    */
   'aria-label': React.PropTypes.string,