a11y improvements

apps/browser/src/platform/popup/layout/popup-bottom-navigation.component.html

@@ -9,6 +9,7 @@
         routerLink="/{{ button.page }}"
         routerLinkActive
         #rla="routerLinkActive"
+        ariaCurrentWhenActive="page"
       >
         <i *ngIf="!rla.isActive" class="bwi bwi-lg bwi-{{ button.iconKey }}" aria-hidden="true"></i>
         <i

apps/browser/src/platform/popup/layout/popup-header.component.html

@@ -5,6 +5,8 @@
         class="tw-bg-transparent tw-border-none tw-text-main"
         type="button"
         *ngIf="showBackButton"
+        title="Back"
+        aria-label="Back"
       >
         <!-- not the right icon -->
         <i class="bwi bwi-angle-left tw-font-bold" aria-hidden="true"></i>

apps/browser/src/platform/popup/layout/popup-layout.stories.ts

@@ -68,7 +68,13 @@ class MockAddButtonComponent {}
 @Component({
   selector: "mock-popout-button",
   template: `
-    <button bitIconButton="bwi-external-link" size="small" type="button">Pop out</button>
+    <button
+      bitIconButton="bwi-external-link"
+      size="small"
+      type="button"
+      title="Pop out"
+      aria-label="Pop out"
+    ></button>
   `,
   standalone: true,
   imports: [IconButtonModule],