Skip to content

.screen-reader-text CSS update for latest consistency #65954

Open

Description

What problem does this address?

A follow-up to #65409 - It was decided that the CSS for standard .screen-reader-text should be updated across many surface areas of WordPress, Gutenberg, and WordPress Accessibility Handbook to reflect the latest CSS:

    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;

This issue and related pull requests should only address code in the Gutenberg project, and WordPress Make Handbook / Trac items will be addressed separately. (see: #65409 (comment))

When performing a search for inset(50%) the Gutenberg project offers these areas that may need to be addressed: https://github.com/search?q=repo%3AWordPress%2Fgutenberg%20inset(50%25)&type=code

What is your proposed solution?

Review and update the following files if they're attempting to provide a .screen-reader-text-like CSS solution.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Labels

[Focus] Accessibility (a11y)Changes that impact accessibility and need corresponding review (e.g. markup changes).Changes that impact accessibility and need corresponding review (e.g. markup changes).[Type] Code QualityIssues or PRs that relate to code qualityIssues or PRs that relate to code quality[Type] EnhancementA suggestion for improvement.A suggestion for improvement.

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions