-
Notifications
You must be signed in to change notification settings - Fork 58
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Improving accessibility on Image Block (deselected) #794
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Works great on Android 🚢 !!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@etoledom This also works great on iOS. Tested on iPad 12.1 👍🏽
Some more work seems to be needed in this one (related to TalkBack as per @etoledom over Slack) so, moving the milestone to not block today's cut. |
Tested on iOS and I found it really hard to make things work in general (not specific to this PR I think)
So regarding this PR, I think the following test step is failing:
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
After discussing it with you on slack I understood that the inner elements cannot be selectable if the parent one is (I found it weird because it's not the case on android, and talkback say "block container" in this case when the whole block is selected).
Anyway, we can think about a solution to improve this in another PR, this one is already a good step forward, let's merge it 👍
Thank you @Tug !
I think that the fact that Android's TalkBack reads I'm even thinking that it might be a React-Native bug, but I haven't found any tickets about this. If it's expected behavior, it will be super bad for us :(
True! There's a ticket to handle the Image Block on selected status. This one was meant for the Image block when it's not selected (mainly).
Also true! This is a bug even without Screen Reader active. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM!
Closing since the Gutenberg ref was already updated by #920 |
Part of #476
This PR improves accessibility (screen reader) for the Image Block. In particular when it's deselected.
gutenberg
side PR: WordPress/gutenberg#14713The current behavior is:
Empty image block:
Image block with image:
cc @rachelmcr
When the block is not selected, it's captured by the screen reader as one whole element, but when it is selected, it opens the inner controls, including the inner tool bar.
To test (iOS):
To test (Android):
Common test steps:
alt
, add one (recommended to deactivate VoiceOver since the bottom-sheet is not scree reader friendly yet)alt
.