ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-02-06 19:19:23 +00:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

a11y: fix label collisions, specify 'Menu' in label

Browse Source
This commit is contained in:
Jesse Mazzella 2023-07-19 17:09:17 -07:00
parent 3dab216d2c
commit c6ff7f2958
4 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/plugins/timeConductor/ConductorClock.vue
View File

@ -25,7 +25,7 @@
<button
class="c-button--menu js-clock-button"
:class="[buttonCssClass, selectedClock.cssClass]"
aria-label="Time Conductor Clock"
aria-label="Time Conductor Clock Menu"
@click.prevent.stop="showClocksMenu"
>
<span class="c-button__label">{{ selectedClock.name }}</span>

2
src/plugins/timeConductor/ConductorMode.vue
View File

@ -26,7 +26,7 @@
class="c-button--menu js-mode-button"
:class="[buttonCssClass, selectedMode.cssClass]"
@click.prevent.stop="showModesMenu"
aria-label="Time Conductor Mode"
aria-label="Time Conductor Mode Menu"
>
<span class="c-button__label">{{ selectedMode.name }}</span>
</button>

2
src/plugins/timeConductor/independent/IndependentClock.vue
View File

@ -26,7 +26,7 @@
v-if="selectedClock"
class="c-icon-button c-button--menu js-clock-button"
:class="[buttonCssClass, selectedClock.cssClass]"
aria-label="Independent Time Conductor Clock"
aria-label="Independent Time Conductor Clock Menu"
@click.prevent.stop="showClocksMenu"
>
<span class="c-button__label">{{ selectedClock.name }}</span>

2
src/plugins/timeConductor/independent/IndependentMode.vue
View File

@ -25,7 +25,7 @@
<button
class="c-icon-button c-button--menu js-mode-button"
:class="[buttonCssClass, selectedMode.cssClass]"
aria-label="Independent Time Conductor Mode"
aria-label="Independent Time Conductor Mode Menu"
@click.prevent.stop="showModesMenu"
>
<span class="c-button__label">{{ selectedMode.name }}</span>