Added ARIA live regions for accessibility (fixes #2)

tagawa · Mar 24, 2015 · 2dbf99e · 2dbf99e
1 parent 4113bab
commit 2dbf99e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -56,9 +56,9 @@
         <span id="greeting"></span> Which news source?
       </div>
 
-      <div id="sources"></div>
+      <div id="sources" aria-live="polite"></div>
 
-      <div id="news"></div>
+      <div id="news" aria-live="polite"></div>
 
     </div> <!-- /container -->
 

diff --git a/js/newsforbetty.js b/js/newsforbetty.js
@@ -55,7 +55,7 @@ $(document).ready(function () {
 
     function showSources(){
         $.each(sources, function(index,item){
-          $('#sources').append('<button type="button" class="btn btn-lg btn-primary" data-source="' + index  + '"> ' + item.name +'</button> ');
+          $('#sources').append('<button type="button" class="btn btn-lg btn-primary" aria-controls="news" data-source="' + index  + '"> ' + item.name +'</button> ');
         });
     }