add VisuallyHidden tab text to InvokeTabs

This commit is contained in:
ElrikUnderlake 2023-03-06 22:42:04 -06:00
parent 89a8ef86b5
commit 42c1f1fc9d
No known key found for this signature in database
GPG Key ID: E9A5CF18AF6E2C67

View File

@ -6,6 +6,7 @@ import {
TabPanels,
Tabs,
Tooltip,
VisuallyHidden,
} from '@chakra-ui/react';
import { RootState } from 'app/store';
import { useAppDispatch, useAppSelector } from 'app/storeHooks';
@ -164,7 +165,12 @@ export default function InvokeTabs() {
label={tabDict[key as keyof typeof tabDict].tooltip}
placement="end"
>
<Tab>{tabDict[key as keyof typeof tabDict].title}</Tab>
<Tab>
<VisuallyHidden>
{tabDict[key as keyof typeof tabDict].tooltip}
</VisuallyHidden>
{tabDict[key as keyof typeof tabDict].title}
</Tab>
</Tooltip>
);
});