chore: address some accessibility violations

[emilyrohrbough]

• Closes

Additional details

Resolve the following Accessibility violations:

• ARIA input fields must have an accessible name
• ARIA toggle fields must have an accessible name
• Buttons must have discernible text
• Form Elements must have labels

Steps to test

• All tests pass
• the above rules are now passing in the Accessibility reports

PR Tasks

• Have tests been added/updated?
• [n/a] Has a PR for user-facing changes been opened in cypress-documentation?
• [n/a] Have API changes been updated in the type definitions?

[emilyrohrbough]

The Switch component was built to be used like:

<Switch name="setting" .... />
<label for="setting">Enabled Setting</label>

Everywhere this was used was flagged with the violation buttons must have discernible text. This seems like it should be valid given it aligns with the suggested markup here.

According to dequelabs/axe-core#3696, this structure is flagged as a violation as it does not play nice with JAWS/IE 11 screen readers and axe supports those browsers.

[cypress]

cypress    Run #57476

Run Properties:   Cancelled #57476  •  7e0d776f0b: fixes

Project	cypress
Branch Review	fix-a11y-issues
Run status	Cancelled #57476
Run duration	01m 51s
Commit	7e0d776f0b: fixes
Committer	Emily Rohrbough
View all properties for this run ↗︎

---

Test results
Failures	3
Flaky	1
Pending	311
Skipped	0
Passing	1981
View all changes introduced in this branch ↗︎

---

Warning

Partial Report: The results for the Application Quality reports may be incomplete.

UI Coverage  42.78%
Untested elements	198
Tested elements	150

Accessibility  93.08%
Failed rules	5 critical   9 serious   1 moderate   2 minor
Failed elements	842

---

Tests for review

  config-warning.cy.ts • 0 failed tests • launchpad-e2e

View Output

Test		Artifacts

  project-setup.cy.ts • 0 failed tests • launchpad-e2e

View Output

Test		Artifacts

  config-files-error-handling.cy.ts • 0 failed tests • launchpad-e2e

View Output

Test		Artifacts

  open-mode.cy.ts • 0 failed tests • launchpad-e2e

View Output

Test		Artifacts

  global-mode.cy.ts • 0 failed tests • launchpad-e2e

View Output

Test		Artifacts

The first 5 failed specs are shown, see all 1093 specs in Cypress Cloud.

  e2e/origin/cookie_login.cy.ts • 1 flaky test • 5x-driver-firefox

View Output

Test		Artifacts
cy.origin - cookie login > Max-Age > past max-age -> not logged in		</td> </tr></table>   commands/net_stubbing.cy.ts • 3 flaky tests • 5x-driver-webkit View Output Test Artifacts network stubbing > intercepting request > can delay and throttle a StaticResponse </td> </tr> <tr> <td colspan="2"> <a href="https://cloud.cypress.io/projects/ypt4pf/runs/57476/overview/9aed0e96-27c3-4a5b-b35e-8232da8782b8?reviewViewBy=FLAKY&utm_source=github&utm_medium=failed&utm_campaign=view%20test"> ... > with `resourceType` > can match a proxied image request by resourceType </a> </td> <td> </td> </tr> <tr> <td colspan="2"> <a href="https://cloud.cypress.io/projects/ypt4pf/runs/57476/overview/594ab111-f4d4-4bdd-a54e-48e935bbb107?reviewViewBy=FLAKY&utm_source=github&utm_medium=failed&utm_campaign=view%20test"> ... > stops waiting when an xhr request is canceled </a> </td> <td> </td> </tr></table>