Use buttons rather than links for js-clickable elements

Add some missing attributes for correct behavior/accessibility
This commit is contained in:
Andrew Croce
2018-10-18 10:00:38 -04:00
parent c531680b44
commit 8da22f5941
3 changed files with 7 additions and 6 deletions

View File

@@ -12,7 +12,7 @@
{% include 'fragments/pending_financial_verification.html' %}
<div class='action-group'>
<a v-on:click="closeModal('pendingFinancialVerification')" class='action-group__action usa-button'>Close</a>
<button autofocus type=button v-on:click="closeModal('pendingFinancialVerification')" class='action-group__action usa-button'>Close</button>
</div>
{% endcall %}
@@ -22,7 +22,7 @@
{% include 'fragments/pending_ccpo_approval_modal.html' %}
<div class='action-group'>
<a v-on:click="closeModal('pendingCCPOApproval')" class='action-group__action usa-button'>Close</a>
<button autofocus type='button' v-on:click="closeModal('pendingCCPOApproval')" class='action-group__action usa-button'>Close</button>
</div>
{% endcall %}
@@ -32,7 +32,7 @@
{% include 'fragments/pending_ccpo_acceptance_alert.html' %}
<div class='action-group'>
<a v-on:click="closeModal('pendingCCPOAcceptance')" class='action-group__action usa-button'>Close</a>
<button autofocus type='button' v-on:click="closeModal('pendingCCPOAcceptance')" class='action-group__action usa-button'>Close</button>
</div>
{% endcall %}