From 5fedd20ae09a00b28f9ff0f7b254944e58f74843 Mon Sep 17 00:00:00 2001 From: brian teeman Date: Sat, 29 Feb 2020 09:13:23 +0000 Subject: [PATCH] aria hidden when there is no active tab set we need to remove the attribute aria-hidden. Other wise the tab is invisible to a screen reader PR for https://github.com/joomla/joomla-cms/issues/28122 --- src/js/tab/tab.js | 1 + 1 file changed, 1 insertion(+) diff --git a/src/js/tab/tab.js b/src/js/tab/tab.js index 4084cb1e..629e2342 100644 --- a/src/js/tab/tab.js +++ b/src/js/tab/tab.js @@ -137,6 +137,7 @@ // Fallback if no active tab if (!this.hasActive) { tabsEl[0].setAttribute('active', ''); + tabsEl[0].removeAttribute('aria-hidden'); this.hasActive = true; this.currentActive = tabsEl[0].id; this.querySelector(`#tab-${tabsEl[0].id}`).setAttribute('aria-selected', 'true');