mirror of
https://github.com/Azure/cosmos-explorer.git
synced 2025-10-13 23:38:45 +01:00
[accessibility-3556570]: [Programmatic Access- Azure Cosmos DB- Data Explorer]: Ensures elements with an ARIA role that require child roles contain them.
This commit is contained in:
parent
213d1c68fe
commit
51ddd5872f
@ -159,7 +159,7 @@ function TabNav({ tab, active, tabKind }: { tab?: Tab; active: boolean; tabKind?
|
|||||||
</span>
|
</span>
|
||||||
<span className="tabNavText">{tabTitle}</span>
|
<span className="tabNavText">{tabTitle}</span>
|
||||||
</span>
|
</span>
|
||||||
<span className="tabIconSection">
|
<span className="tabIconSection" aria-hidden="true">
|
||||||
<CloseButton tab={tab} active={active} hovering={hovering} tabKind={tabKind} ariaLabel={tabTitle} />
|
<CloseButton tab={tab} active={active} hovering={hovering} tabKind={tabKind} ariaLabel={tabTitle} />
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
@ -247,7 +247,7 @@ function TabPane({ tab, active }: { tab: Tab; active: boolean }) {
|
|||||||
if (tab) {
|
if (tab) {
|
||||||
if ("render" in tab) {
|
if ("render" in tab) {
|
||||||
return (
|
return (
|
||||||
<div data-test={`Tab:${tab.tabId}`} {...attrs}>
|
<div id={tab.tabId} data-test={`Tab:${tab.tabId}`} {...attrs}>
|
||||||
{tab.render()}
|
{tab.render()}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
Loading…
x
Reference in New Issue
Block a user