A11y Agency plugin is available to help with accessibility bug remediation.
The required tag has already been added: agency:agent=a11y:a11y-agent@company. Assign the bug to Agency to use it.
Please try it and share feedback on whether the remediation guidance was useful at CAIA11yAgency@microsoft.com.
GitHub Tags:
#A11yTCS; #DesktopWeb; #FTP; #Win11; #A11ySev2; #A11yMAS; #WCAG1.3.1; #Info and Relationship; #ES Chat; #agency:agent=a11y:a11y-agent@company; #A11yMAS; #ChromiumEdge; #AILimited; #MCIO-GDCO-LaborReferenceSystem; #E2E_MCIO-GDCO-LaborReferenceSystem_Web_June26; #Element: Label; #Narrator; #NVDA; #ScreenReader;
Issue Subcategory:
Labels not programmatically associated
User Experience:
Screen reader users may not hear the label when they focus a form field, preventing them from readily knowing the field’s purpose. They must explore surrounding text to find context.
Repro Steps:
Start NArrator/NVDA --> Launch URL https://dccentral-test.microsoft.com/workspace?DDUROUTE=true --> Workspace --> Edit Workspace --> Add widget
Actual Result:
A visible label exists near a form control, but there is no programmatic association via "label for" or aria-labelledby.
Expected Result:
Labels should be programmatically associated with their controls so assistive technology announces them on focus.
How to fix:
Use 'label for="fieldId"' matching the input’s id. When a native label cannot be used, you can use aria-labelledby to reference the visible label text.
Environment details:
Application Name: MCIO-GDCO-LaborReferenceSystem
URL: https://dccentral-test.microsoft.com/workspace?DDUROUTE=true
Chromium Edge version: Microsoft Edge version 149.0.0.0 (Official Build) (64-bit)
OS: Windows 11 Enterprise Insider Preview 26200.8655
MAS reference:
MAS 1.3.1 – Info and Relationships
Check out MAS 1.3.1: Info and Relationships Guide for resources and suggestions.
Note:
"Please do not close this bug. This bug should only be closed by TCS, C+AI Accessibility tester after bug verification."
"Contact CAI Accessibility Support Channel for Accessibility queries on design, development, test, usability or any processes"
Check out Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier.
"Try ES Chat to learn more about the MAS rule and how to fix the issue. If you need more help, use our Teams channel or office hours."
Attachment:
2065_A11y_MCIO-GDCO-LaborReferenceSystem_Workspace_NVDA.zip
2065_A11y_MCIO-GDCO-LaborReferenceSystem_Workspace_ScreenReader.zip
A11y Agency plugin is available to help with accessibility bug remediation.
The required tag has already been added: agency:agent=a11y:a11y-agent@company. Assign the bug to Agency to use it.
Please try it and share feedback on whether the remediation guidance was useful at CAIA11yAgency@microsoft.com.
GitHub Tags:
#A11yTCS; #DesktopWeb; #FTP; #Win11; #A11ySev2; #A11yMAS; #WCAG1.3.1; #Info and Relationship; #ES Chat; #agency:agent=a11y:a11y-agent@company; #A11yMAS; #ChromiumEdge; #AILimited; #MCIO-GDCO-LaborReferenceSystem; #E2E_MCIO-GDCO-LaborReferenceSystem_Web_June26; #Element: Label; #Narrator; #NVDA; #ScreenReader;
Issue Subcategory:
Labels not programmatically associated
User Experience:
Screen reader users may not hear the label when they focus a form field, preventing them from readily knowing the field’s purpose. They must explore surrounding text to find context.
Repro Steps:
Start NArrator/NVDA --> Launch URL https://dccentral-test.microsoft.com/workspace?DDUROUTE=true --> Workspace --> Edit Workspace --> Add widget
Actual Result:
A visible label exists near a form control, but there is no programmatic association via "label for" or aria-labelledby.
Expected Result:
Labels should be programmatically associated with their controls so assistive technology announces them on focus.
How to fix:
Use 'label for="fieldId"' matching the input’s id. When a native label cannot be used, you can use aria-labelledby to reference the visible label text.
Environment details:
Application Name: MCIO-GDCO-LaborReferenceSystem
URL: https://dccentral-test.microsoft.com/workspace?DDUROUTE=true
Chromium Edge version: Microsoft Edge version 149.0.0.0 (Official Build) (64-bit)
OS: Windows 11 Enterprise Insider Preview 26200.8655
MAS reference:
MAS 1.3.1 – Info and Relationships
Check out MAS 1.3.1: Info and Relationships Guide for resources and suggestions.
Note:
"Please do not close this bug. This bug should only be closed by TCS, C+AI Accessibility tester after bug verification."
"Contact CAI Accessibility Support Channel for Accessibility queries on design, development, test, usability or any processes"
Check out Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier.
"Try ES Chat to learn more about the MAS rule and how to fix the issue. If you need more help, use our Teams channel or office hours."
Attachment:
2065_A11y_MCIO-GDCO-LaborReferenceSystem_Workspace_NVDA.zip
2065_A11y_MCIO-GDCO-LaborReferenceSystem_Workspace_ScreenReader.zip