removed title attribute from dropdown menus, adds aria-label

diff --git a/js/foundation.dropdownMenu.js b/js/foundation.dropdownMenu.js
index dbbf4d1ee036f6d91fef96cf1e9c83c6a9a3567b..1b77baeb36c5e721b7cec3b5253fe128cc169a1f 100644 (file)
--- a/js/foundation.dropdownMenu.js
+++ b/js/foundation.dropdownMenu.js
@@ -142,7 +142,7 @@
       $tab.attr({
         'role': 'menuitem',
         'tabindex': 0,
-        'title': $tab.children('a:first-child').text()/*.match(/\w/ig).join('')*/
+        'aria-label': $tab.children('a:first-child').text()/*.match(/\w/ig).join('')*/
       }).children('a').attr('tabindex', -1);//maybe add a more specific regex to match alphanumeric characters and join them appropriately
       if($tab.children('[data-submenu]')){
         $tab.attr('aria-haspopup', true);
@@ -176,7 +176,7 @@
   DropdownMenu.prototype._events = function($elem){
     var _this = this,
         isTouch = window.ontouchstart !== undefined;
-        
+
     if(this.options.clickOpen || isTouch){
       $elem.off('click.zf.dropdownmenu')
           .on('click.zf.dropdownmenu', function(e){