A11y aXe Fix Required: Edit Attribute Release: 2 issues

Tested in QA-?? Build
Description/aXe Error
ONE: Ensure every form element has a label
TWO: Ensure the scope attribute is used correctly on tables

Steps

• Log into UI
• Complete and submit a provider
• Use aXe Tool on Edit: Attribute Release page*

1. Reference: https://dequeuniversity.com/rules/axe/2.6/label?application=AxeChrome
2. Reference: https://dequeuniversity.com/rules/axe/2.6/scope-attr-valid?application=AxeChrome

Impact: critical (for both)

ONE
Element location
html > body > app-root > provider-page > editor-page > .container-fluid.p-3 > section > div:nth-child(2) > div:nth-child(3) > div:nth-child(2) > .px-3 > attribute-release-form > form > .row.ng-pristine > fieldset > table > tbody > tr:nth-child(4) > td:nth-child(2) > label > input[type="checkbox"].custom-control-input
Element source
<input class="custom-control-input" type="checkbox">
To solve this violation, you need to:
Fix at least one (1) of these issues:
aria-label attribute does not exist or is empty

aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty or not visible

Form element does not have an implicit (wrapped) <label>
Form element does not have an explicit <label>
Element has no title attribute or the title attribute is empty

Issue tags:
category: forms
wcag2a
wcag332
wcag131
section508
section508.22.n

TWO:
Issue description
Ensures the scope attribute is used correctly on tables

Element location
tr:nth-child(2) > td:nth-child(2)
Element source
<td scope="col">
To solve this violation, you need to:
Fix the following:
In HTML 5, scope attributes may only be used on table header elements (<th>)