Skip to content

Commit 6f45eda

Browse files
committed
update aria-label on expandable nav items
1 parent 282d609 commit 6f45eda

3 files changed

Lines changed: 3 additions & 4 deletions

File tree

packages/react-core/src/components/Nav/examples/NavDocked.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -59,6 +59,7 @@ export const NavDocked: React.FunctionComponent = () => {
5959
icon={<RhUiFolderIcon />}
6060
isExpanded={isGroupExpanded}
6161
hasExpandableIcon
62+
buttonProps={{ 'aria-label': 'Expandable Group 1' }}
6263
>
6364
<NavItem
6465
preventDefault

packages/react-core/src/demos/Compass/examples/CompassDockDemo.tsx

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -353,8 +353,7 @@ export const CompassDockDemo: React.FunctionComponent = () => {
353353
isExpanded={isNavGroupExpanded}
354354
icon={<RhUiFolderIcon />}
355355
hasExpandableIcon={!isMobile}
356-
buttonProps={{ ref: navItem5Ref }}
357-
aria-label="Folder"
356+
buttonProps={{ ref: navItem5Ref, 'aria-label': 'Folder' }}
358357
>
359358
<NavItem
360359
preventDefault

packages/react-core/src/demos/examples/Nav/NavDockedNav.tsx

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -370,8 +370,7 @@ export const NavDockedNav: React.FunctionComponent = () => {
370370
isExpanded={isNavGroupExpanded}
371371
icon={<RhUiFolderIcon />}
372372
hasExpandableIcon={!isMobile}
373-
buttonProps={{ ref: navItem5Ref }}
374-
aria-label="Folder"
373+
buttonProps={{ ref: navItem5Ref, 'aria-label': 'Folder' }}
375374
>
376375
<NavItem
377376
preventDefault

0 commit comments

Comments
 (0)