[a11y] Improve the accesbility of the AdvancedDrawer widget #62
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description of the Issue
Currently, the
AdvancedDrawer
widget has several accessibility issues that are difficult to resolve outside the package:Reference: Flutter Accessibility Documentation
Changes
drawerCloseSemanticLabel
field to provide a semantic label for the close buttonExcludeFocus
andExcludeSemantics
widgets in appropriate placesVisibility
widget where possibleVisual Demonstration
Screen Reader Navigation
screen-20250310-224548.mp4
screen-20250310-224308.mp4
External Bluetooth Keyboard Navigation
Note
The focus_debugger package was used to visualize the focused element.
It should be noted debugger has a issue where the box occupies the entire screen when focus is lost. In the video, this just indicates that the focus node element no longer exists in the focus tree (Due to the addition of
ExcludeFocus
)screen-20250310-224645.mp4
screen-20250310-224745.mp4