Visually impaired users who depend on screen readers will get disoriented and will face difficulty in understanding the purpose of control if aria-label or name is not defined for the control.
Note:
• User credentials should NOT be included in the bug
.
Issue: Aria label is not defined for "Place on top of random tile " link present under “Burning Issues” table section.
Observation: When the screen reader (Narrator) focuses on "Place on top of random tile”, It announces only as “Link”. It does not announce the descriptive information such as name of the tile.
Expected Result:
Solution: Aria label should be defined for Link " Place on top of random tile " as " Place on top of random tile " present under “Burning Issues” table section. So that screen reader announces, " Place on top of random tile” link.
Fix all of the following:
• Element does not have text that is visible to screen readers.
• aria-label attribute does not exist or is empty.
• aria-labelled by attribute does not exist, references elements that do not exist or references elements that are empty.
• Element has no title attribute.
• Element is in tab order and does not have accessible text.
Environment:
Microsoft Edge version 104.0.1278.2
This accessibility issue was found using Accessibility Insights for Web 2.32.0 (axe-core 4.4.1), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.
testingmakecode
commented
2 years ago
User Experience:
Visually impaired users who depend on screen readers will get disoriented and will face difficulty in understanding the purpose of control if aria-label or name is not defined for the control.
Note: • User credentials should NOT be included in the bug .
Pre-Requisites:
• Turn on Narrator.
Repro steps:
Actual Result:
Issue: Aria label is not defined for "Place on top of random tile " link present under “Burning Issues” table section. Observation: When the screen reader (Narrator) focuses on "Place on top of random tile”, It announces only as “Link”. It does not announce the descriptive information such as name of the tile.
Expected Result:
Solution: Aria label should be defined for Link " Place on top of random tile " as " Place on top of random tile " present under “Burning Issues” table section. So that screen reader announces, " Place on top of random tile” link.
Note: The same issue exists with the other 11 urls:https://webcompliance.trafficmanager.net/ScanResultsApi/GetAccessibilityScanConsolidatedReport?siteId=813950a8-f21b-e811-80c5-0004ffc0fd57
Issue:
Ensures links have discernible text (link-name - https://accessibilityinsights.io/info-examples/web/link-name)
### Target application: About Monster Racer - https://arcade.makecode.com/skillmap/educator-info/racer-map-info
### Element path: table:nth-child(17) > tbody > tr:nth-child(2) > td:nth-child(2) > .link.ui:nth-child(5)
Snippet:
How to fix:
Fix all of the following: • Element does not have text that is visible to screen readers. • aria-label attribute does not exist or is empty. • aria-labelled by attribute does not exist, references elements that do not exist or references elements that are empty. • Element has no title attribute. • Element is in tab order and does not have accessible text.
Environment: Microsoft Edge version 104.0.1278.2
This accessibility issue was found using Accessibility Insights for Web 2.32.0 (axe-core 4.4.1), a tool that helps find and fix accessibility issues. Get more information & download this tool at http://aka.ms/AccessibilityInsights.
WCAG Reference:
MAS 4.1.2 – Name, Role, Value
Test Environment:
• OS Version: 22H2 (OS Build:25151.1010) • Browser: Microsoft Edge Version 104.0.1278.2 (Official build) (64-bit) • Tool used: Accessibility insights for Web, Developer Tool (F12) • #URL: https://arcade.makecode.com/skillmap/educator-info/racer-map-info
MAS4.1.2_Screenreader behaviour.webm