Masthead a11y; for icon-only tabs display the tooltip as a sr-only text placeholder.

2026-09-24 16:30:27 +08:00 · 2022-08-18 17:29:31 -04:00
parent b61e7280a1
commit 28627fe352
1 changed files with 2 additions and 0 deletions
@@ -12,6 +12,8 @@
        :title="tab.tooltip"
        @click="open(tab, $event)">
        <template v-if="tab.icon">
+            <!-- If this is an icon-based tab, inject tooltip directly for screen readers -->
+            <span class="sr-only">{{ tab.tooltip || tab.id }}</span>
            <span :class="iconClasses" />
            <span v-if="toggle" class="nav-note fa fa-check" />
        </template>