fix: roles

Pearson-Higher-Ed · Feb 1, 2017 · ab11ad0 · ab11ad0
1 parent 03b1e06
commit ab11ad0
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/src/js/Alert.js b/src/js/Alert.js
@@ -12,7 +12,6 @@ class Alert extends Component {
             <li
               className = "pe-alert"
               id        = {`alert-${alertType}-${index}`}
-              role      = "alert"
               >
 
               <strong className={`pe-label ${alertType}-title`}>

diff --git a/src/js/AlertList.js b/src/js/AlertList.js
@@ -30,15 +30,16 @@ class AlertList extends Component {
 
   render () {
     return (
-      <ReactCSSTransitionGroup
-        component="ul"
-        role="alert"
-        transitionName="transition"
-        transitionEnterTimeout={300}
-        transitionLeaveTimeout={200}
-        className="alertList">
-        {this.renderAlert(this.state.alertList)}
-      </ReactCSSTransitionGroup>
+      <div role="alert">
+        <ReactCSSTransitionGroup
+          component="ul"
+          transitionName="transition"
+          transitionEnterTimeout={300}
+          transitionLeaveTimeout={200}
+          className="alertList">
+          {this.renderAlert(this.state.alertList)}
+        </ReactCSSTransitionGroup>
+      </div>
     )
   }