Skip to content

WIP: Improve paragraph contrast on Connectors page - #82377

Closed
yyppsk wants to merge 1 commit into
WordPress:trunkfrom
yyppsk:fix/connectors-page-paragraph-contrast
Closed

yyppsk wants to merge 1 commit into
WordPress:trunkfrom
yyppsk:fix/connectors-page-paragraph-contrast

Conversation

@yyppsk

@yyppsk yyppsk commented Sep 3, 2026

Copy link
Copy Markdown
Contributor

What?

Closes #82329.

Updates the bottom paragraph text colour on the Connectors page from #949494 to #757575.

Why?

The previous paragraph colour did not provide sufficient contrast against the white page background for normal text.

The updated colour matches the similar paragraph treatment used on the Fonts page and meets the minimum contrast requirement against white.

How?

Changes the .connectors-page > p color token from $gray-600 to $gray-700.

Testing Instructions

  1. Go to Settings > Connectors.
  2. Find the paragraph at the bottom of the page that starts with "If the connector you need is not listed".
  3. Confirm the paragraph text is readable and uses the darker gray color.
  4. Inspect the paragraph text and confirm its computed color is #757575 / rgb(117, 117, 117).

Testing Instructions for Keyboard

  1. Go to Settings > Connectors.
  2. Press Tab until focus reaches the "search the plugin directory" link in the bottom paragraph.
  3. Confirm the link can be reached and activated using the keyboard.
  4. Confirm keyboard navigation on the page still works as expected.

Screenshots or screencast

Before After
image image
Paragraph text used #949494. Paragraph text uses #757575.

Use of AI Tools

This fix was created with assistance from Copilot using GPT 5.5. I reviewed and tested the generated changes.

@coderabbitai

coderabbitai Bot commented Sep 3, 2026

Copy link
Copy Markdown

Important

Draft PR not reviewed

Draft PRs are not automatically reviewed by default.

  • Trigger a manual review

To automatically review draft PRs, update your CodeRabbit configuration:

reviews:
  auto_review:
    drafts: true

Comment @coderabbitai help to get the list of available commands.

@yyppsk yyppsk changed the title Improve paragraph contrast on Connectors page WIP: Improve paragraph contrast on Connectors page Sep 3, 2026
@t-hamano t-hamano added [Type] Bug An existing feature does not function as intended [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). [Feature] Connectors screen Tracks connectors screen related tasks labels Sep 3, 2026
@t-hamano

t-hamano commented Sep 3, 2026

Copy link
Copy Markdown
Contributor

Thanks for the PR. Let me close this in favor of #82378.

@t-hamano t-hamano closed this Sep 3, 2026
@afercia afercia added the props-bot Manually triggers Props Bot to ensure the list of props is up to date. label Sep 4, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

[Feature] Connectors screen Tracks connectors screen related tasks [Focus] Accessibility (a11y) Changes that impact accessibility and need corresponding review (e.g. markup changes). props-bot Manually triggers Props Bot to ensure the list of props is up to date. [Type] Bug An existing feature does not function as intended

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Connectors page bottom paragraph has insufficient color contrast ratio.

3 participants