Accessibility: Corrected aria-label for Edit Panel (#67185)

* Accessibility: Corrected aria-label for Edit Panel

* Added data-testid

* Added data-testid

* Added betterer results
This commit is contained in:
Khushi Jain
2023-05-17 20:50:38 +05:30
committed by GitHub
parent e27e71ee59
commit 416e347e70
3 changed files with 6 additions and 8 deletions

View File

@@ -42,7 +42,8 @@ export const VisualizationButton = ({ panel }: Props) => {
imgSrc={plugin.meta.info.logos.small}
isOpen={isVizPickerOpen}
onClick={onToggleOpen}
aria-label={selectors.components.PanelEditor.toggleVizPicker}
data-testid={selectors.components.PanelEditor.toggleVizPicker}
aria-label="Change Visualization"
variant="canvas"
fullWidth
>
@@ -53,7 +54,8 @@ export const VisualizationButton = ({ panel }: Props) => {
icon={isPanelOptionsVisible ? 'angle-right' : 'angle-left'}
onClick={onToggleOptionsPane}
variant="canvas"
aria-label={selectors.components.PanelEditor.toggleVizOptions}
data-testid={selectors.components.PanelEditor.toggleVizOptions}
aria-label={isPanelOptionsVisible ? 'Close options pane' : 'Show options pane'}
/>
</ButtonGroup>
</div>