fixed a11y failures

patternfly · Jan 29, 2024 · 71db7df · 71db7df
1 parent 48a9303
commit 71db7df
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/packages/react-core/src/next/components/DualListSelector/examples/DualListSelectorBasic.tsx b/packages/react-core/src/next/components/DualListSelector/examples/DualListSelectorBasic.tsx
@@ -91,7 +91,7 @@ export const DualListSelectorBasic: React.FunctionComponent = () => {
               <DualListSelectorListItem
                 key={index}
                 isSelected={option.selected}
-                id={`available-option-${index}`}
+                id={`basic-available-option-${index}`}
                 onOptionSelect={(e) => onOptionSelect(e, index, false)}
               >
                 {option.text}
@@ -143,7 +143,7 @@ export const DualListSelectorBasic: React.FunctionComponent = () => {
               <DualListSelectorListItem
                 key={index}
                 isSelected={option.selected}
-                id={`composable-chosen-option-${index}`}
+                id={`composable-basic-chosen-option-${index}`}
                 onOptionSelect={(e) => onOptionSelect(e, index, true)}
               >
                 {option.text}

diff --git a/.../react-core/src/next/components/DualListSelector/examples/DualListSelectorBasicSearch.tsx b/.../react-core/src/next/components/DualListSelector/examples/DualListSelectorBasicSearch.tsx
@@ -141,7 +141,7 @@ export const DualListSelectorSearch: React.FunctionComponent = () => {
               <DualListSelectorListItem
                 key={index}
                 isSelected={option.selected}
-                id={`available-option-${index}`}
+                id={`search-available-option-${index}`}
                 onOptionSelect={(e) => onOptionSelect(e, index, false)}
               >
                 {option.text}
@@ -199,7 +199,7 @@ export const DualListSelectorSearch: React.FunctionComponent = () => {
                 <DualListSelectorListItem
                   key={index}
                   isSelected={option.selected}
-                  id={`composable-chosen-option-${index}`}
+                  id={`composable-search-chosen-option-${index}`}
                   onOptionSelect={(e) => onOptionSelect(e, index, true)}
                 >
                   {option.text}

diff --git a/...eact-core/src/next/components/DualListSelector/examples/DualListSelectorBasicTooltips.tsx b/...eact-core/src/next/components/DualListSelector/examples/DualListSelectorBasicTooltips.tsx
@@ -91,7 +91,7 @@ export const DualListSelectorBasic: React.FunctionComponent = () => {
               <DualListSelectorListItem
                 key={index}
                 isSelected={option.selected}
-                id={`available-option-${index}`}
+                id={`tooltips-available-option-${index}`}
                 onOptionSelect={(e) => onOptionSelect(e, index, false)}
               >
                 {option.text}
@@ -151,7 +151,7 @@ export const DualListSelectorBasic: React.FunctionComponent = () => {
               <DualListSelectorListItem
                 key={index}
                 isSelected={option.selected}
-                id={`composable-chosen-option-${index}`}
+                id={`composable-tooltips-chosen-option-${index}`}
                 onOptionSelect={(e) => onOptionSelect(e, index, true)}
               >
                 {option.text}

diff --git a/...e/src/next/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx b/...e/src/next/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx
@@ -262,7 +262,7 @@ export const DualListSelectorComplexOptionsActionsNext: React.FunctionComponent
                 <DualListSelectorListItem
                   key={index}
                   isSelected={option.selected}
-                  id={`available-option-${index}`}
+                  id={`complex-available-option-${index}`}
                   onOptionSelect={(e) => onOptionSelect(e, index, false)}
                   isDisabled={isDisabled}
                 >
@@ -322,7 +322,7 @@ export const DualListSelectorComplexOptionsActionsNext: React.FunctionComponent
                   <DualListSelectorListItem
                     key={index}
                     isSelected={option.selected}
-                    id={`composable-chosen-option-${index}`}
+                    id={`composable-complex-chosen-option-${index}`}
                     onOptionSelect={(e) => onOptionSelect(e, index, true)}
                     isDisabled={isDisabled}
                   >