From 2be06b2eb915d8fdc2514240b3725ffb54f036aa Mon Sep 17 00:00:00 2001
From: Oliver Tacke <o.tacke@posteo.de>
Date: Fri, 23 Nov 2018 13:10:07 +0100
Subject: [PATCH] HFP-2396 Add aria-label to elements with role button

---
 js/h5p-action-bar.js | 2 +-
 js/h5p.js            | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/js/h5p-action-bar.js b/js/h5p-action-bar.js
index 3af1a43..c144b79 100644
--- a/js/h5p-action-bar.js
+++ b/js/h5p-action-bar.js
@@ -51,7 +51,7 @@ H5P.ActionBar = (function ($, EventDispatcher) {
           }
         },
         appendTo: $actions
-      });
+      }).attr('aria-label', H5P.t(type + 'Description'));
 
       hasActions = true;
     };
diff --git a/js/h5p.js b/js/h5p.js
index a315eb7..f3a5575 100644
--- a/js/h5p.js
+++ b/js/h5p.js
@@ -923,7 +923,7 @@ H5P.Dialog = function (name, title, content, $element) {
                               <div class="h5p-inner">\
                                 <h2>' + title + '</h2>\
                                 <div class="h5p-scroll-content">' + content + '</div>\
-                                <div class="h5p-close" role="button" tabindex="0" title="' + H5P.t('close') + '">\
+                                <div class="h5p-close" role="button" tabindex="0" aria-label="' + H5P.t('close') + '" title="' + H5P.t('close') + '">\
                               </div>\
                             </div>')
     .insertAfter($element)