diff --git a/pkg/rancher-components/src/components/Banner/Banner.vue b/pkg/rancher-components/src/components/Banner/Banner.vue index 24d172a21c0..8ca20a56701 100644 --- a/pkg/rancher-components/src/components/Banner/Banner.vue +++ b/pkg/rancher-components/src/components/Banner/Banner.vue @@ -67,6 +67,7 @@ export default defineComponent({ :class="{ [color]: true, }" + role="banner" >
@@ -72,6 +77,11 @@ export default { .close-button { position: absolute; visibility: hidden; + + &:focus-visible { + @include focus-outline; + outline-offset: 2px; + } } &:hover .close-button { diff --git a/shell/components/ButtonMultiAction.vue b/shell/components/ButtonMultiAction.vue index a762013873b..c9992fa400b 100644 --- a/shell/components/ButtonMultiAction.vue +++ b/shell/components/ButtonMultiAction.vue @@ -33,6 +33,12 @@ const buttonClass = computed(() => { .borderless { background-color: transparent; border: none; + + &:focus-visible { + @include focus-outline; + outline-offset: -2px; + } + &:hover, &:focus { background-color: var(--accent-btn); box-shadow: none; diff --git a/shell/components/CommunityLinks.vue b/shell/components/CommunityLinks.vue index 70b39a2b61a..37c31532d6e 100644 --- a/shell/components/CommunityLinks.vue +++ b/shell/components/CommunityLinks.vue @@ -110,6 +110,8 @@ export default {