Skip to content

Announce panel resize events to screen readers#19649

Merged
tidy-dev merged 2 commits intodevelopmentfrom
announce-panel-resize-events
Dec 5, 2024
Merged

Announce panel resize events to screen readers#19649
tidy-dev merged 2 commits intodevelopmentfrom
announce-panel-resize-events

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
@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