[144mdgross] - Set attribute on the SnackBar div so screen readers are able to read the actionTextAria message.

Author: Megan Gross

demo/Snackbar.html

@@ -237,6 +237,20 @@ <h4 style="margin-bottom: 3px;">configuration</h4>
                     </td>
                     <td>Text to display as the action button.</td>
                   </tr>
+                  <tr>
+                    <td>actionTextAria</td>
+                    <td>
+                      <i>Dismiss, Description for Screen Readers</i>
+                    </td>
+                    <td>Text for screen readers.</td>
+                  </tr>
+                  <tr>
+                    <td>alertScreenReader</td>
+                    <td>
+                      <i>false</i>
+                    </td>
+                    <td>Determines if screen readers will annouce the snackbar message.</td>
+                  </tr>
                   <tr>
                     <td>actionTextColor</td>
                     <td>

src/js/snackbar.js

@@ -30,6 +30,7 @@
         showAction: true,
         actionText: 'Dismiss',
         actionTextAria: 'Dismiss, Description for Screen Readers',
+        alertScreenReader: false,
         actionTextColor: '#4CAF50',
         showSecondButton: false,
         secondButtonText: '',
@@ -114,6 +115,10 @@
             );
         }
 
+        if (options.alertScreenReader) {
+           Snackbar.snackbar.setAttribute('role', 'alert');
+        }
+
         Snackbar.snackbar.addEventListener(
             'transitionend',
             function(event, elapsed) {