Epic: Accessibility (2023)

[geospatialem]

Background

This epic organizes high priority accessibility-related issues that either require additional research or multiple team members to mitigate prior to the v1.0.0 release.

Plan of action

Issues in the Non-audit and 1.0 release sections are slotted for completion before the 1.0 release.

Other issues will be prioritized post 1.0 release.

Non-audit issues for 1.0

• modal close button and buttons not accessible on iOS #4863
• tooltip context not provided to screen reader users #4864
• popover content not read back to screen reader users on demand #4865
• A11y: keyboard navigation in Tabs is counterintuitive #2124
• Audit components for compatibility with high-contrast mode #3887

2022 Audit

1.0 Release

Keyboard

• Input type="color" - Screen readers unable to open via keyboard - (2036569945) #5578
• Input type="color" - Disable keyboard interaction with eyedropper button - (2036569946) #5579

Checkbox SVG

• Tree Item - Use aria-hidden for SVGs - (2036570418) #5616
• Tile Select Group and Tile Select - Add aria-hidden attr to checkbox SVG - (2036570357) #5609

Other

• Action - Ensure color is not the sole means of communicating information - (2036569746) #5554
• Action Bar, Action Group and Action - Provide a valid label for form fields - (2036569764) #5555
• Action - Ensure CSS background images that convey meaning have textual and visible equivalents - (2036569747) #5557
• Action Pad and Action - Provide a valid label for form fields - (2036569766) #5558
• Button - Indicate live regions for dynamically changing content - (2036570570) #5567
• Split Button - Indicate live regions for dynamically changing content - (2036570571) #5569
• Dropdown, Dropdown Group, Dropdown - Ensure all interactive functionality is operable with the keyboard - (2047838678) #5637
• Dropdown, Dropdown Group, Dropdown - Ensure color is not the sole means of communicating information - (2047840088) #5638
• Dropdown, Dropdown Group, Dropdown - Ensure all interactive functionality is operable with the keyboard - (2047838630) #5636
• Flow - Ensure images provide informative alternative text - (2036569902) #5571
• Floating Action Button (FAB) - Indicate live regions for dynamically changing content - (2036570572) #5572
• Inline Editable - Avoid use of placeholder values to label or explain input - (2036569913) #5574
• Inline Editable - Indicate live regions for dynamically changing content - (2036570573) #5575
• Input, Input Message - Ensure all interactive functionality is operable with the keyboard - (2036569943) #5576
• Input, Input Message - Ensure form field constraints and errors are associated with their corresponding field - (2036569947) #5580
• Input Date Picker - Ensure custom controls provide proper textual name, role, and state information - (2036569971) #5583
• Input Time Picker - Ensure all interactive functionality is operable with the keyboard - (2036570010) #5584
• Card - Indicate live regions for dynamically changing content - (2036570574) #5586
• Rating - Provide alternative text for images - (2036570025) #5588
• Pagination - Ensure color is not the sole means of communicating information - (2036570531) #5591
• Panel - Indicate live regions for dynamically changing content - (2036570576) #5592
• Popover - Ensure content updates define focus updates appropriately - (2036570080) #5593
• Tabs, TaNav, TaTitle and Tab - Provide a valid label for form fields - (2036570286) #5605
• Tabs, TaNav, TaTitle and Tab - Ensure content is visible to assistive technologies - (2036570287) #5606
• Tabs, TaNav, TaTitle and Tab - Ensure page tabs provide state and role - (2036570288) #5607
• Scrim - Indicate live regions for dynamically changing content - (2036570577) #5599
• Shell and Shell Panel - Provide a valid label for form fields - (2036570582) #5600
• Shell Center Row - Provide a valid label for form fields - (2036570583) #5601
• Time Picker - Provide a valid label for form fields - (2036570363) #5610
• Tip, Tip Group and Tip Manager - Provide a valid label for form fields - (2036570369) #5612
• Tip, Tip Group and Tip Manager - Provide alternative text for images - (2036570372) #5613
• Tooltip - Provide a valid label for form fields - (2036570381) #5614
• Tree and Tree Item - Ensure all interactive functionality is operable with the keyboard - (2036570420) #5617
• Tree and Tree Item - Ensure all active elements receive keyboard focus or can be activated with the keyboard - (2036570421) #5618
• Tree selection types and AT - Ensure content is visible to assistive technologies - (2036570422) #5619
• Tree and Tree Item - Ensure color is not the sole means of communicating information - (2036570423) #5620
• Value List Item child buttons - Provide a valid label for form fields - (2036570432) #5622
• Value List Item nonInteractive prop - Ensure all active elements receive keyboard focus or can be activated with the keyboard - (2036570434) #5623
• Value List and Value List Item - Provide a valid label for form fields - (2036570435) #5624
• Value List (Advanced Panel) - Avoid improper nesting of form elements and links - (2036570518) #5635
• Checkbox (Form) - Provide alternative text for images - (2036570478) #5628
• Icon and Tooltip (Form) - Ensure custom controls provide proper textual name, role, and state information - (2036570495) #5629
• Rating (Form) - Ensure color is not the sole means of communicating information - (2036570496) #5630
• Pick List, Pick List Group and Pick List Item - Ensure custom controls provide proper textual name, role, and state information - (2036570119) #5595

High Priority issues, prior to the September 2023 release

Keyboard (Originally planned for January release)

• Split Button - Ensure custom controls are keyboard accessible - (2036569848) #5568

Form (Originally planned for January release)

• Label for Select and Slider (Form) - Provide a valid label for form fields - (2036570477) #5627

Color

• Tile - Ensure color is not the sole means of communicating information - (2036570307) #5608

Context

• Combobox (Form) - Indicate live regions for dynamically changing content - (2036570497) #5631
• Loader - Indicate live regions for dynamically changing content - (2036570575) #5587
• Loader - Indicate live regions for dynamically changing content - (2036570575) 2 of 2 #6534
• List and List Item - Indicate live regions for dynamically changing content when filtering items - (2036570436) #5625
• List Filter Control Label - Provide a valid label for form fields - (2036570437) #5626
• Pagination - Ensure custom controls provide proper textual name, role, and state information - (2036570530) #5590
• Input Time Picker with Label (Accordion Complex) - Provide a valid label for form fields - (2036570513) #5632
• Accordion and Accordion Item - Ensure custom controls provide proper textual name, role, and state information - (2036569668) #5553
• Block, Block Section - Ensure custom controls provide proper textual name, role, and state information - (2036569799) #5565
• Card selectable state - Ensure custom controls provide proper textual name, role, and state information - (2036570012)  #5585
• Stepper and Stepper Item - Ensure custom controls provide proper textual name, role, and state information - (2036570226) #5602
• Stepper and Stepper Item - Ensure page tabs provide state and role - (2036570232) #5604
• Alert - Ensure content updates define focus updates appropriately - (2036569779) #5562
• Avatar and Chip - Ensure content is visible to assistive technologies - (2036569782) #5563
• Avatar and Chip - Provide alternative text for images - (2036569783) #5564
• Input Date Picker - Add context to default placeholder text to AT - (2036569968) #5581
• Input Date Picker - Ensure dialogs use proper structure - (2036569969) #5582
• Input Time Picker (Accordion Complex) - Inform assistive technologies of changes in content - (2036570515) #5633
• Time Picker - Indicate live regions for dynamically changing content - (2036570365) #5611
• Date Picker - Ensure custom controls provide proper textual name, role, and state information - (2036569898) #5570
• Tree selection-type "ancestors" - Provide a valid label for form fields - (2036570417)  #5615

Alt images

• Alert - Ensure images provide informative alternative text - (2036569776) #5561
• Block, Block Section - Ensure images provide informative alternative text - (2036569802) #5566
• Link - Provide alternative text for icons used in icon-end or icon-start - (2036569908) #5573
• Input, Input Message - Provide alternative text for images - (2036569944) #5577
• Notice Icon - Ensure images provide informative alternative text - (2036570067) #5589
• Stepper and Stepper Item - Provide alternative text for images - (2036570230) #5603

Deprecated components / not considered

• Pick List, Pick List Group and Pick List Item - Ensure that the reading order of content is logical - (2036570122) #5597
• Pick List, Pick List Group and Pick List Item - Ensure images provide informative alternative text - (2036570123) #5598
• Pick List, Pick List Group and Pick List Item - Ensure all interactive functionality is operable with the keyboard - (2036570117) #5594
• Pick List, Pick List Group and Pick List Item - Ensure custom controls provide proper textual name, role, and state information - (2036570121) #5596
• Value List Item move handle label - Provide a valid label for form fields - (2036570430) #5621
• Value List Item (advanced Panel) - Provide a valid label for form fields - (2036570517) #5634

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[github-actions]

This issue has been automatically closed due to inactivity.

[geospatialem]

This issue has been automatically closed due to inactivity.

Reopening as this is still in progress.

[geospatialem]

Completed on September 19, 2024 🎉