Skip to content

Search: Search results a11y #404

@patricknelson

Description

@patricknelson

I verified there's no existing issue for this bug.

  • There are no existing issues

Current behavior

I noticed when searching for components, highlighted search results are very difficult to read, posing an accessibility issue. See screenshot below. Specifically:

  1. Light mode: Highlighted rows are very difficult to read.
  2. Dark mode:
    • Highlighted rows aren't very easily distinguishable from regular rows
    • Matching text (e.g. "progress" in this case) is not able to be read on any rows

Light mode:

Image

Dark mode:

Image

Expected behavior

Ideally, all text will have contrast ratios on backgrounds high enough to conform to WCAG 2.2 Level AA guidelines, see https://ebay.gitbook.io/mindpatterns.

Package and version

No response

Device/OS/Browser info

Win 11 / Edge 143.0.3650.96

Steps to reproduce

1. Go to https://opensource.ebay.com/evo-web/
2. Press Cmd/Ctrl+K
3. Type "progress"
4. ...
5. Profit!

Relevant code block

No response

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    Status

    Todo

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions