fix(tab-bar): add aria-hidden for hiding on scroll

Author: OS-susmitabhowmik

core/src/components/header/header.utils.ts

@@ -1,5 +1,6 @@
 import { readTask, writeTask } from '@stencil/core';
 import { clamp } from '@utils/helpers';
+
 import { getIonMode } from '../../global/ionic-global';
 
 const TRANSITION = 'all 0.2s ease-in-out';

core/src/components/tab-bar/tab-bar.tsx

@@ -228,8 +228,10 @@ export class TabBar implements ComponentInterface {
 
     if (hidden) {
       this.el.setAttribute('inert', '');
+      this.el.setAttribute('aria-hidden', 'true');
     } else {
       this.el.removeAttribute('inert');
+      this.el.removeAttribute('aria-hidden');
     }
 
     if (this.contentEl) {
@@ -256,6 +258,9 @@ export class TabBar implements ComponentInterface {
 
     this.el.style.removeProperty('--internal-tab-bar-hide-height');
     if (this.isHidden) {
+      this.el.classList.remove('tab-bar-scroll-hidden');
+      this.el.removeAttribute('inert');
+      this.el.removeAttribute('aria-hidden');
       this.isHidden = false;
     }
   }