ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-02-11 21:26:28 +00:00
Code Issues Actions 1 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 <button
class="c-button--menu js-clock-button" class="c-button--menu js-clock-button"
:class="[buttonCssClass, selectedClock.cssClass]" :class="[buttonCssClass, selectedClock.cssClass]"
aria-label="Time Conductor Clock" aria-label="Time Conductor Clock Menu"
@click.prevent.stop="showClocksMenu" @click.prevent.stop="showClocksMenu"
> >
<span class="c-button__label">{{ selectedClock.name }}</span> <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="c-button--menu js-mode-button"
:class="[buttonCssClass, selectedMode.cssClass]" :class="[buttonCssClass, selectedMode.cssClass]"
@click.prevent.stop="showModesMenu" @click.prevent.stop="showModesMenu"
aria-label="Time Conductor Mode" aria-label="Time Conductor Mode Menu"
> >
<span class="c-button__label">{{ selectedMode.name }}</span> <span class="c-button__label">{{ selectedMode.name }}</span>
</button> </button>

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

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

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

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