From 1074b7b6b0f5e58cae13884c06fe0b0b891da356 Mon Sep 17 00:00:00 2001
From: Tasos Bekos <tbekos@gmail.com>
Date: Thu, 13 Feb 2014 15:27:21 +0100
Subject: [PATCH] feat(alert): add WAI-ARIA markup

---
 src/alert/test/alert.spec.js | 3 +--
 template/alert/alert.html    | 7 +++++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/alert/test/alert.spec.js b/src/alert/test/alert.spec.js
index 5f7e220e3a..afdd824a45 100644
--- a/src/alert/test/alert.spec.js
+++ b/src/alert/test/alert.spec.js
@@ -1,5 +1,4 @@
 describe('alert', function () {
-
   var scope, $compile;
   var element;
 
@@ -36,7 +35,7 @@ describe('alert', function () {
   }
 
   function findContent(index) {
-    return element.find('span').eq(index);
+    return element.find('div[ng-transclude] span').eq(index);
   }
 
   it('should generate alerts using ng-repeat', function () {
diff --git a/template/alert/alert.html b/template/alert/alert.html
index bb43e01c04..70ebd07618 100644
--- a/template/alert/alert.html
+++ b/template/alert/alert.html
@@ -1,4 +1,7 @@
-<div class="alert" ng-class="{'alert-{{type || 'warning'}}': true, 'alert-dismissable': closeable}">
-    <button ng-show="closeable" type="button" class="close" ng-click="close()">&times;</button>
+<div class="alert" ng-class="{'alert-{{type || 'warning'}}': true, 'alert-dismissable': closeable}" role="alert">
+    <button ng-show="closeable" type="button" class="close" ng-click="close()">
+        <span aria-hidden="true">&times;</span>
+        <span class="sr-only">Close</span>
+    </button>
     <div ng-transclude></div>
 </div>