search

xyflow / xyflow

React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable.
https://xyflow.com
MIT License
25.51k stars 1.64k forks source link

Default watermark contrast ratio is not accessible #4702

Closed shab5 closed 3 weeks ago

shab5 commented 3 weeks ago

What platform were you using when you found the bug?

Live code example

No response

Describe the Bug

The contrast ratio of the default "React Flow" watermark is not sufficient for those with impaired vision.

Steps to reproduce the bug or issue

  1. Load a page with the component.
  2. The watermark appears in the lower right corner.

Expected behavior

I expect the watermark to have sufficient contrast ratio for those with impaired vision.

Screenshots or Videos

No response

Additional context

No response

peterkogo commented 3 weeks ago

The attribution serves no function for your application and is designed to be visually unintrusive. This is obviously against accessible design guidelines, but I don't think there is a middle ground here. You can, however, edit the styles of .react-flow__attribution to increase the contrast.