You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I am running an accessibility test suite with Notebook UI using the IBM Equal Access Accessibility Checker tool on Chrome browser. The results look good overall, only a few things are missing to reach a first formal level of compliance. So kindly help look into these.
List of issues with elements that violate this rule with a screenshots
Issue 1
Confirm the element should be tabbable and if so, it becomes visible when it has keyboard focus
Note: I see a lot of improvements have been made in this area with the latest version. Thanks for that 👍
But I see that this menu section is skipped when using keyboard Tab. Element location: <li class="lm-MenuBar-item" aria-disabled="false" aria-haspopup="true" role="menuitem" tabindex="0"> Screenshot:
nkn2022
changed the title
[a11y][Violation][2.4.7 Focus Visible] Issues reported on Notebook UI using IBM Equal Access Accessibility Checker tool
[a11y][Needs review][2.4.7 Focus Visible] Issues reported on Notebook UI using IBM Equal Access Accessibility Checker tool
Oct 22, 2024
RRosio
changed the title
[a11y][Needs review][2.4.7 Focus Visible] Issues reported on Notebook UI using IBM Equal Access Accessibility Checker tool
[a11y][Needs review][2.4.7 Focus Visible] Menu Bar not accessible using Tab key
Oct 29, 2024
Description
I am running an accessibility test suite with Notebook UI using the IBM Equal Access Accessibility Checker tool on Chrome browser. The results look good overall, only a few things are missing to reach a first formal level of compliance. So kindly help look into these.
Issues reported were violating WCAG 2.2 requirements.
Ref: https://www.ibm.com/able/requirements/checker-rule-sets
Full report (includes information on element locations where issue were found):
Accessibility_Report-7a73e10e-f8a4-4a06-a78d-5174a1309c5b.xlsx
Category:
2.4.7 Focus Visible
Ref: https://www.ibm.com/able/requirements/requirements/#2_4_7
Violation of Rule:
element_tabbable_visible
Reproduce
Violation
s reported.Here is the screenshot of the UI scanned for the attached report:
Expected behavior
Menu is accessible using a keyboard
Tab
keyReference on how to fix this issue can be found in these links:
Where possible, achieve the desired tab order by adjusting the DOM, rather than overriding the tabindex
Use standard HTML elements where possible, using CSS to alter appearance not behavior
Be familiar with established keyboard conventions
Implement keyboard operation for custom elements
Follow core considerations in reducing effort
Unit test - confirm component keyboard interaction
The text was updated successfully, but these errors were encountered: