Skip to content

Conversation

tidy-dev
Copy link
Contributor

@tidy-dev tidy-dev commented Dec 2, 2024

xref: https://github.com/github/accessibility-audits/issues/8565

Description

This PR announces the resizable resize events to screen reader users. It announces a resizable description, the resize type (increase/decrease), and the percentage of total width it is set to. This message is debounced.

Screenshots

CleanShot.2024-12-02.at.15.45.46.mp4

Release notes

Notes: [Improved] Resize events of resizable elements are announced by screen readers.

Comment on lines +186 to +187
} width ${directionMessage}. Set to ${this.getResizePercentage()}%`,
})
Copy link
Contributor Author

@tidy-dev tidy-dev Dec 2, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

More accurately "Set to x% of available width" since available width is determined by app window.. which could change.. thus if you set it to 50% and then made the window wider it may now be 30%.. But... I don't think that "of available width" communicates that and just adds clutter to an already long message.

@tidy-dev tidy-dev merged commit 53eafae into development Dec 5, 2024
8 checks passed
@tidy-dev tidy-dev deleted the announce-panel-resize-events branch December 5, 2024 13:52
@tidy-dev tidy-dev added the accessibility Issues related to accessibility improvements label May 1, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility Issues related to accessibility improvements
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants