accessibility fix for toggle components

This commit is contained in:
US\katie.kroell 2026-04-02 11:25:17 -04:00
parent 44ce4fc449
commit 492a537a1a
2 changed files with 8 additions and 3 deletions

View file

@ -6,11 +6,12 @@
linkType="text"
href="#!"
:text="textForToggle"
@click="handleClickToggle" />
<div
@click-event="handleClickToggle" />
<button
type="button"
class="tpa-toggle d-inline-block"
:class="[isDetailVisible ? 'active' : '']"
@click="handleClickToggle"></div>
@click="handleClickToggle"></button>
<Transition>
<div
v-show="isDetailVisible"
@ -60,6 +61,8 @@ export default {
.tpa-recal-toggle {
.tpa-toggle {
cursor: pointer;
border: none;
background: none;
&::after {
content: "";

View file

@ -62,6 +62,8 @@ export default {
.recal-ack-toggle {
.recal-ack-toggle {
cursor: pointer;
border: none;
background: none;
&::after {
content: "";