Prayer Progress: note the accessibility work due before the help modal or a second tab is switched on
This commit is contained in:
parent
cb8b2857a0
commit
050f031e56
1 changed files with 2 additions and 1 deletions
|
|
@ -261,7 +261,7 @@ const isRTL = computed(() => RTL_LOCALES.has(locale.value))
|
|||
// without overlapDensity.
|
||||
const FEATURES = {
|
||||
hamburgerMenu: false,
|
||||
infoButton: false,
|
||||
infoButton: false, // before enabling: the help modal needs role="dialog" + aria-modal + Escape + focus trap/return (A11Y-AUDIT-PRAYER-PROGRESS-CONNECTIVITY.md)
|
||||
overlapDensity: false,
|
||||
darkPinBorder: false,
|
||||
// Geocoder search bar feature-flagged OFF on simple-map per user request
|
||||
|
|
@ -289,6 +289,7 @@ const tabs = computed(() => profileConfig?.value?.tabs ?? DEFAULT_TABS)
|
|||
// profileConfig.tabs is the host's own words and is shown as given.
|
||||
const DEFAULT_LABELS = Object.fromEntries(DEFAULT_TABS.map((d) => [d.id, d.label]))
|
||||
const tabLabel = (tab) => ((!tab.label || tab.label === DEFAULT_LABELS[tab.id]) && te('tabs.' + tab.id)) ? t('tabs.' + tab.id) : tab.label
|
||||
// before giving an instance a 2nd tab: the tab bar needs role="tablist"/"tab" + :aria-selected (the underline already marks the active tab by shape, not only colour)
|
||||
const showTabBar = computed(() => tabs.value.length > 1)
|
||||
|
||||
// ─── Tab state ────────────────────────────────────────────────────────────────
|
||||
|
|
|
|||
Loading…
Reference in a new issue