CSR-818: fix accessibility for greyed out button

This commit is contained in:
Adam Caouette 2022-09-08 17:34:17 -04:00
parent 7600d0b181
commit 3cb31dcd59
2 changed files with 1 additions and 2 deletions

View file

@ -9,7 +9,6 @@
:buttonText="buttonText" :buttonText="buttonText"
loaderColor="white" loaderColor="white"
:class="isForwardActionDisabled && 'form-test-invalid'" :class="isForwardActionDisabled && 'form-test-invalid'"
:aria-disabled="isForwardActionDisabled"
:isDisabled="isForwardActionDisabled" :isDisabled="isForwardActionDisabled"
@click-event="buttonClick" @click-event="buttonClick"
data-bs-target="#footerModal" data-bs-target="#footerModal"
@ -85,6 +84,7 @@ export default {
}; };
}, },
buttonClick() { buttonClick() {
if (this.isForwardActionDisabled) { return false }
//prevent keyboard input after button click //prevent keyboard input after button click
document.onkeydown = function (e) { document.onkeydown = function (e) {
return false; return false;

View file

@ -1,6 +1,5 @@
<template> <template>
<button <button
:aria-disabled="isDisabled"
class="btn d-flex align-items-center py-3 px-4 delay" class="btn d-flex align-items-center py-3 px-4 delay"
:class="[isPrimary ? 'btn-primary' : 'btn-secondary',isFloat ? 'float-end' : '', isLoaderDisplayed ? 'has-loader' : '']" :class="[isPrimary ? 'btn-primary' : 'btn-secondary',isFloat ? 'float-end' : '', isLoaderDisplayed ? 'has-loader' : '']"
@click="clicked()" @click="clicked()"