Skip to content

.screen-reader-text CSS update for a11y add-container.js#66136

Closed
colorful-tones wants to merge 1 commit into
WordPress:trunkfrom
colorful-tones:update/screen-reader-text-css-add-container
Closed

.screen-reader-text CSS update for a11y add-container.js#66136
colorful-tones wants to merge 1 commit into
WordPress:trunkfrom
colorful-tones:update/screen-reader-text-css-add-container

Conversation

@colorful-tones
Copy link
Copy Markdown
Member

What?

Addresses part of #65954

Why?

The utility .screen-reader-text CSS is used in several places throughout the Gutenberg code base. In #65409 it came up that we should update all the areas to match the changing CSS rules proposed in #65409.

How?

Remove the unnecessary clip: rect(1px, 1px, 1px, 1px); and -webkit-clip-path: inset(50%); rules from the packages/a11y/src/script/add-container.js

Style attribute

Before After
Screenshot 2024-09-17 at 17 48 21 Screenshot 2024-09-17 at 17 48 57

@github-actions
Copy link
Copy Markdown

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: colorful-tones <colorful-tones@git.wordpress.org>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

@colorful-tones colorful-tones added the [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). label Oct 15, 2024
@colorful-tones colorful-tones added the [Type] Code Quality Issues or PRs that relate to code quality label Oct 15, 2024
@colorful-tones colorful-tones deleted the update/screen-reader-text-css-add-container branch October 15, 2024 20:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

[Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). [Type] Code Quality Issues or PRs that relate to code quality

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant