microsoft / FluidFramework

Library for building distributed, real-time collaborative web applications
https://fluidframework.com
MIT License
4.74k stars 536 forks source link

fix(docs): Fix contrast ratio accessibility issues in the site's searchbar #23154

Closed Josmithr closed 1 week ago

Josmithr commented 1 week ago

Fixes insufficient contrast ratio between the searchbar's text and its background. Before and after screenshots below. Note: the difference is significantly more pronounced in light mode.

Scenario Before After
Light mode (placeholder) light-placeholder-before light-placeholder-after
Light mode (filled) light-filled-before light-filled-after
Dark mode (placeholder) dark-placeholder-before dark-placeholder-after
Dark mode (filled) dark-filled-before dark-filled-after

AB#22718

github-actions[bot] commented 1 week ago

🔗 No broken links found! ✅

Your attention to detail is admirable.

linkcheck output


> fluid-framework-docs-site@0.0.0 ci:check-links /home/runner/work/FluidFramework/FluidFramework/docs
> start-server-and-test "npm run serve -- --no-open" 3000 check-links

1: starting server using command "npm run serve -- --no-open"
and when url "[ 'http://127.0.0.1:3000' ]" is responding with HTTP status code 200
running tests using command "npm run check-links"

> fluid-framework-docs-site@0.0.0 serve
> docusaurus serve --no-open

[SUCCESS] Serving "build" directory at: http://localhost:3000/

> fluid-framework-docs-site@0.0.0 check-links
> linkcheck http://localhost:3000 --skip-file skipped-urls.txt

Crawling...

Stats:
  170005 links
    1595 destination URLs
    1825 URLs ignored
       0 warnings
       0 errors