Skip to content

Commit 1a3a88e

Browse files
ChiefStiefDana Stiefel
and
Dana Stiefel
authored
Military modal focus and military page label contrast hotfixes (#485)
### Requirements List - ### Description List - Fixed military modal focus for accessibility - Fixed military page text contrast ### Testing List - `yarn test:unit:all` should run without errors or warnings - `yarn serve` should run without errors or warnings - `yarn build` should run without errors or warnings - Smoke test focus change and capture on open military modal - Confirm contrast issues are fixed - Code review Co-authored-by: Dana Stiefel <[email protected]>
1 parent 39172cc commit 1a3a88e

File tree

4 files changed

+9
-1
lines changed

4 files changed

+9
-1
lines changed

webroot/src/components/Forms/InputButton/InputButton.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@
1010
<input
1111
type="button"
1212
:id="id"
13+
ref="button"
1314
class="input-button"
1415
:class="{
1516
'no-text-transform': !shouldTransformText,

webroot/src/pages/MilitaryStatus/MilitaryStatus.less

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -96,7 +96,7 @@
9696
}
9797

9898
.chunk-title {
99-
color: @darkGrey;
99+
color: @lightTextGrey;
100100
font-weight: @fontWeightBold;
101101
font-size: 1.4rem;
102102
}

webroot/src/pages/MilitaryStatus/MilitaryStatus.ts

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -178,6 +178,12 @@ export default class MilitaryStatus extends mixins(MixinForm) {
178178

179179
startEndAffiliationFlow() {
180180
this.shouldShowEndAffiliationModal = true;
181+
this.$nextTick(() => {
182+
const buttonComponent = this.$refs.noBackButton as any;
183+
const button = buttonComponent.$refs.button as HTMLElement;
184+
185+
button.focus();
186+
});
181187
}
182188

183189
closeEndAffilifationModal() {

webroot/src/pages/MilitaryStatus/MilitaryStatus.vue

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -99,6 +99,7 @@
9999
<div class="action-button-row">
100100
<InputButton
101101
id="no-back-button"
102+
ref="noBackButton"
102103
class="no-back-button"
103104
:label="backText"
104105
:aria-label="backText"

0 commit comments

Comments
 (0)