A11y: Fix fastpass issues for /org/teams pages (#39848) (#39864)

* A11y: Fix fastpass issues for /org/teams pages
See #39429

(cherry picked from commit 451d023c79)

Co-authored-by: kay delaney <45561153+kaydelaney@users.noreply.github.com>
This commit is contained in:
Grot (@grafanabot)
2021-10-01 14:32:51 +01:00
committed by GitHub
co-authored by kay delaney
parent 05c0e83802
commit 5166c3c8bb
17 changed files with 85 additions and 31 deletions
@@ -10,9 +10,10 @@ export interface Props {
size?: ComponentSize;
/** Disable button click action */
disabled?: boolean;
'aria-label'?: string;
}
export const DeleteButton: FC<Props> = ({ size, disabled, onConfirm }) => {
export const DeleteButton: FC<Props> = ({ size, disabled, onConfirm, 'aria-label': ariaLabel }) => {
return (
<ConfirmButton
confirmText="Delete"
@@ -21,7 +22,7 @@ export const DeleteButton: FC<Props> = ({ size, disabled, onConfirm }) => {
disabled={disabled}
onConfirm={onConfirm}
>
<Button variant="destructive" icon="times" size={size || 'sm'} />
<Button aria-label={ariaLabel} variant="destructive" icon="times" size={size || 'sm'} />
</ConfirmButton>
);
};
@@ -308,7 +308,7 @@ $checkboxImageUrl: '../img/checkbox_white.png';
$info-box-border-color: $blue-base;
// footer
$footer-link-color: $gray-3;
$footer-link-color: $gray-1;
$footer-link-hover: $dark-2;
// json explorer