Epic: Accessibility (2024)

[geospatialem]

Background

This epic organizes accessibility-related issues that surfaced from the 2022 accessibility audit with severities of 5-7. Higher priority issues will be or have been mitigated in the #4599 epic in 2023.

Plan of action

With lower severities priorities will be investigated based on feedback from users, other Esri teams, and internal R&D from Calcite team members with the goal to address as many as possible in 2024.

Below names are associated with the verification of the issues.

2022 Audit (Severities 5-7)

• Epic: Component a11y consistency with disabled and aria-disabled attributes (2036570545) #7775 (Adam)
• Epic: Ensure parts of graphical objects essential for understanding content have sufficient contrast - (2036570198) #7822 (Kitty)
• Action Bar, Action Group and Action - Ensure implicit list markup is avoided - (2036569765) #7776 (Adam)
• Action Bar, Action Group and Action - Provide valid, concise, and meaningful alternative text for image buttons - (2036569763) #7777 (Adam)
• Action Pad and Action - Ensure implicit list markup is avoided - (2036569768) #7778 (Adam)
• Action Pad and Action - Provide valid, concise, and meaningful alternative text for image buttons - (2036569767) #7779 (Adam)
• Alert - Ensure parts of graphical objects essential for understanding content have sufficient contrast - (2036569777) #7780
• Alert - Ensure parts of graphical objects essential for understanding content have sufficient contrast - (2036569778) #7781
• Block, Block Section - Ensure ARIA roles, states, and properties are valid - (2036569798) #7782 (Franco)
• Block, Block Section - Ensure ARIA roles, states, and properties are valid - (2036570546) #7783 (Franco)
• Split Button - Ensure active user interface components have sufficient contrast - (2036569851) #7784 (Franco)
• Split Button - Ensure ARIA roles, states, and properties are valid - (2036570547) #7785 (Franco)
• Color Picker - Ensure ARIA roles, states, and properties are valid - (2036570548) #7786 (Franco)
• Combobox, Combobox Item Group and Combobox Item - Ensure active user interface components have sufficient contrast - (2036569896) #7787 (Kitty)
• Combobox, Combobox Item Group and Combobox Item - Ensure ARIA roles, states, and properties are valid - (2036570549) #7788 (Kitty)
• Floating Action Button (FAB) - Ensure ARIA roles, states, and properties are valid - (2036570550) #7789 (Kitty)
• Input, Input Message - Ensure ARIA roles, states, and properties are valid - (2036570551) #7790 (Kitty)
• Input, Input Message - Ensure parts of graphical objects essential for understanding content have sufficient contrast - (2036569948) #7791 (Kitty)
• Input, Input Message - Provide a clear indication of fields in error for information that is submitted - (2036569949) #7792 (Matt)
• Input, Input Message - Provide valid, concise, and meaningful alternative text for image buttons - (2036569942) #7793 (Matt)
• Input Date Picker - Ensure ARIA roles, states, and properties are valid - (2036570552) #7794 (Matt)
• Input Time Picker - Ensure ARIA roles, states, and properties are valid - (2036570553) #7795 (Matt)
• List, List Item Group and List Item - Ensure ARIA roles, states, and properties are valid - (2036570554) #7796 (Matt)
• Rating - Ensure ARIA roles, states, and properties are valid - (2036570555) #7797 (Kitty)
• Rating - Ensure parts of graphical objects essential for understanding content have sufficient contrast - (2036570022) #7798 (Kitty)
• Rating - Ensure parts of graphical objects essential for understanding content have sufficient contrast - (2036570023) #7799 (Kitty)
• Rating - Ensure parts of graphical objects essential for understanding content have sufficient contrast - (2036570024) #7800 (Kitty)
• Modal - Avoid inappropriate use of ARIA roles, states, and properties - (2036570035) #7801 (Kitty)
• Modal - Avoid the use of implicit headings - (2036570034) #7802
• Notice - Avoid placing inactive elements in the focus order - (2036570066) #7803
• Pagination - Ensure implicit list markup is avoided - (2036570528) #7804 (Dec triage - Adam)
• Pagination - Ensure parts of graphical objects essential for understanding content have sufficient contrast - (2036570532) #7805
• Panel - Avoid placing inactive elements in the focus order - (2036570075) #7806 (Dec triage - Adam)
• Panel - Ensure ARIA roles, states, and properties are valid - (2036570556) #7807
• Popover - Ensure the focus order of interactive elements on the page is logical - (2036570079) #7808 (Dec triage - Matt)
• Scrim - Avoid placing inactive elements in the focus order - (2036570142) #7809
• Radio Button and Radio Button Group - Ensure active user interface components have sufficient contrast - (2036570148) #7810
• Radio Button and Radio Button Group - Ensure active user interface components have sufficient contrast - (2036570149) #7811
• Radio Button and Radio Button Group - Ensure ARIA roles, states, and properties are valid - (2036570558) #7812
• Radio Group and Radio Group Item - Ensure ARIA roles, states, and properties are valid - (2036570559) #7813
• Select - Ensure ARIA roles, states, and properties are valid - (2036570560) #7814
• Slider - Ensure ARIA roles, states, and properties are valid - (2036570561) #7815
• Slider - Ensure parts of graphical objects essential for understanding content have sufficient contrast - (2036570179) #7816
• Slider - Ensure parts of graphical objects essential for understanding content have sufficient contrast - (2036570180) #7817
• Slider - Ensure parts of graphical objects essential for understanding content have sufficient contrast - (2036570181) #7818
• Slider - Ensure parts of graphical objects essential for understanding content have sufficient contrast - (2036570182) #7819
• Slider - Ensure parts of graphical objects essential for understanding content have sufficient contrast - (2036570183) #7820
• Switch - Ensure ARIA roles, states, and properties are valid - (2036570562) #7821
• Switch - Ensure parts of graphical objects essential for understanding content have sufficient contrast - (2036570198) #7823
• Shell and Shell Panel - Avoid inappropriate use of ARIA roles, states, and properties - (2036570578) #7824
• Shell and Shell Panel - Avoid inappropriate use of ARIA roles, states, and properties - (2036570593) #7825
• Shell and Shell Panel - Avoid placing inactive elements in the focus order - (2036570586) #7826
• Shell and Shell Panel - Ensure implicit list markup is avoided - (2036570580) #7827
• Shell and Shell Panel - Ensure pages reflow without requiring two-dimensional scrolling without loss of content or functionality - (2036570598) #7828 (Dec triage - Matt)
• Shell Center Row - Avoid inappropriate use of ARIA roles, states, and properties - (2036570579) #7829
• Shell Center Row - Avoid inappropriate use of ARIA roles, states, and properties - (2036570594) #7830
• Shell Center Row - Avoid placing inactive elements in the focus order - (2036570587) #7831
• Shell Center Row - Ensure implicit list markup is avoided - (2036570581) #7832
• Shell Center Row - Ensure pages reflow without requiring two-dimensional scrolling without loss of content or functionality - (2036570599) #7833
• Stepper and Stepper Item - Ensure active user interface components have sufficient contrast - (2036570228) #7834
• Stepper and Stepper Item - Ensure active user interface components have sufficient contrast - (2036570233) #7835
• Stepper and Stepper Item - Ensure ARIA roles, states, and properties are valid - (2036570563) #7836
• Stepper and Stepper Item - Ensure implicit list markup is avoided - (2036570227) #7837 (Kitty)
• Stepper and Stepper Item - Ensure parts of graphical objects essential for understanding content have sufficient contrast - (2036570231) #7838
• Stepper and Stepper Item - Ensure parts of graphical objects essential for understanding content have sufficient contrast - (2036570235) #7839 (Kitty)
• Tabs, TaNav, TaTitle and Tab - Ensure ARIA roles, states, and properties are valid - (2036570564) #7840
• Tile - Avoid the use of implicit headings - (2036570305) #7841
• Tile - Ensure ARIA roles, states, and properties are valid - (2036570565) #7842
• Tile Select Group and Tile Select - Ensure ARIA roles, states, and properties are valid - (2036570566) #7843
• Tip, Tip Group and Tip Manager - Avoid placing inactive elements in the focus order - (2036570374) #7844
• Tooltip - Ensure ARIA roles, states, and properties are valid - (2036570382) #7845
• Tree and Tree Item - Ensure ARIA roles, states, and properties are valid - (2036570419) #7846 (Dec triage - Franco)
• Form - Ensure active user interface components have sufficient contrast - (2036570491) #7847 (Dec triage - Franco)
• Value List - Avoid inappropriate use of ARIA roles, states, and properties - (2036570519) #7848
• Dropdown, Dropdown Group, Dropdown - Ensure ARIA roles, states, and properties are valid - (2047835829) #7849
• Dropdown, Dropdown Group, Dropdown - Ensure ARIA roles, states, and properties are valid - (2047839583) #7850

[geospatialem]

Most of the efforts above have been tackled, with the exception of #7775, #7798, and #7837. We will track the efforts in the linked issues separately, but the overall epic above is being closed out with the majority of effort complete. 🎉