From b10271d23d781aae4346e46f8ae046c6226c8183 Mon Sep 17 00:00:00 2001
From: Bill Thornton <billt2006@gmail.com>
Date: Tue, 1 Mar 2022 17:51:33 -0500
Subject: [PATCH 1/3] Add aria-hidden to blurhash canvases

---
 src/components/images/imageLoader.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/images/imageLoader.js b/src/components/images/imageLoader.js
index e25531a0ac..6800f10a6f 100644
--- a/src/components/images/imageLoader.js
+++ b/src/components/images/imageLoader.js
@@ -29,6 +29,7 @@ worker.addEventListener(
 
     function drawBlurhash(target, pixels, width, height) {
         const canvas = document.createElement('canvas');
+        canvas.setAttribute('aria-hidden', 'true');
         canvas.width = width;
         canvas.height = height;
         const ctx = canvas.getContext('2d');

From 03206f802ce2276e21199dfdf55551b9e38f92f4 Mon Sep 17 00:00:00 2001
From: Bill Thornton <billt2006@gmail.com>
Date: Fri, 4 Mar 2022 11:38:33 -0500
Subject: [PATCH 2/3] Fix header logo accessibility

---
 src/scripts/libraryMenu.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/scripts/libraryMenu.js b/src/scripts/libraryMenu.js
index 0d40bb5220..f709acc49c 100644
--- a/src/scripts/libraryMenu.js
+++ b/src/scripts/libraryMenu.js
@@ -28,7 +28,7 @@ import Headroom from 'headroom.js';
         html += '<button type="button" is="paper-icon-button-light" class="headerButton headerButtonLeft headerBackButton hide"><span class="material-icons ' + (browser.safari ? 'chevron_left' : 'arrow_back') + '" aria-hidden="true"></span></button>';
         html += '<button type="button" is="paper-icon-button-light" class="headerButton headerHomeButton hide barsMenuButton headerButtonLeft"><span class="material-icons home" aria-hidden="true"></span></button>';
         html += '<button type="button" is="paper-icon-button-light" class="headerButton mainDrawerButton barsMenuButton headerButtonLeft hide"><span class="material-icons menu" aria-hidden="true"></span></button>';
-        html += '<h3 class="pageTitle"></h3>';
+        html += '<h3 class="pageTitle" aria-hidden="true"></h3>';
         html += '</div>';
         html += '<div class="headerRight">';
         html += '<button is="paper-icon-button-light" class="headerSyncButton syncButton headerButton headerButtonRight hide"><span class="material-icons groups" aria-hidden="true"></span></button>';

From db362599c96a2b8067d98be3e4864692455fb7c2 Mon Sep 17 00:00:00 2001
From: Bill Thornton <billt2006@gmail.com>
Date: Fri, 4 Mar 2022 11:39:01 -0500
Subject: [PATCH 3/3] Add titles to emby-scrollbuttons

---
 src/elements/emby-scrollbuttons/emby-scrollbuttons.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/elements/emby-scrollbuttons/emby-scrollbuttons.js b/src/elements/emby-scrollbuttons/emby-scrollbuttons.js
index 3a6dc05fca..c38c20b2c9 100644
--- a/src/elements/emby-scrollbuttons/emby-scrollbuttons.js
+++ b/src/elements/emby-scrollbuttons/emby-scrollbuttons.js
@@ -1,6 +1,7 @@
 import './emby-scrollbuttons.scss';
 import 'webcomponents.js/webcomponents-lite';
 import '../emby-button/paper-icon-button-light';
+import globalize from '../../scripts/globalize';
 
 /* eslint-disable indent */
 
@@ -13,8 +14,9 @@ const EmbyScrollButtonsPrototype = Object.create(HTMLDivElement.prototype);
     function getScrollButtonHtml(direction) {
         let html = '';
         const icon = direction === 'left' ? 'chevron_left' : 'chevron_right';
+        const title = direction === 'left' ? globalize.translate('Previous') : globalize.translate('Next') ;
 
-        html += '<button type="button" is="paper-icon-button-light" data-ripple="false" data-direction="' + direction + '" class="emby-scrollbuttons-button">';
+        html += `<button type="button" is="paper-icon-button-light" data-ripple="false" data-direction="${direction}" title="${title}" class="emby-scrollbuttons-button">`;
         html += '<span class="material-icons ' + icon + '" aria-hidden="true"></span>';
         html += '</button>';