Accessibility Issues from Arcade Player

[unthinkmedia]

Describe the bug When running an Accessibility automated assessment of https://inculture.microsoft.com/sports/atlanta-track-club/ using https://accessibilityinsights.io/downloads/ (Microsoft requires this for any page that shows up on it marketing material), there were several accessibility issues that showed up (Full Automated Report Attached)

Additional detail in report attached

• aria-required-parent:1 FailedCertain ARIA roles must be contained by particular parents-WCAG 1.3.1
• button-name:1 FailedButtons must have discernible text-WCAG 4.1.2
• color-contrast:5 FailedElements must have sufficient color contrast-WCAG 1.4.3
• frame-title:1 FailedFrames must have an accessible name-WCAG 2.4.1, WCAG 4.1.2

Assessment_20220623_Fuelingfitnessforthe.html.zip

To Reproduce Steps to reproduce the behavior:

1. Go to https://accessibilityinsights.io/downloads/ download the browser extension.
2. Go to https://inculture.microsoft.com/sports/atlanta-track-club/
3. Click on extension and select Assessment which will open up new window.
4. Click on Export Results and select HTML
5. Read result

Expected behavior All sections should pass.

Screenshots

@unthinkmedia will need to provide something with higher contrast for this one

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context Add any other context about the problem here.

[unthinkmedia]

@riknoll since those buttons are disabled and are not really buttons. Do you think we may need to an Aria disabled state for the test to pass? https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-disabled