It presents me with grey boxes but i'd like to change the colour but can't find a way to do it. There is no option on the edit drag & drop and the shap fill only changes the background. Anyone help?
This is an old thread, but has there ever been any solution? I am in the same boat, and from accessibility point - this is an issue for visually impaired
I do not have an update on changing the color of a matching drag and drop interaction.
However, you mention accessibility, so I wanted to let you know that drag-and-drop interactions are not keyboard-accessible. You can provide keyboard-accessible alternatives, such as dials or sliders until we release fully accessible drag-and-drop interactions.
As far as contrast goes, black text on the gray shapes meets contrast guidelines at 17:1. The gray shape on a white background does not meet the requirements with a ratio of 1.2:1, but as previously mentioned, if you use a black background, this will meet contrast guidelines at 17:1, so be sure to use a dark background if you choose to use this interaction.
27 Replies
This is an old thread, but has there ever been any solution? I am in the same boat, and from accessibility point - this is an issue for visually impaired
Hello Alisa,
I do not have an update on changing the color of a matching drag and drop interaction.
However, you mention accessibility, so I wanted to let you know that drag-and-drop interactions are not keyboard-accessible. You can provide keyboard-accessible alternatives, such as dials or sliders until we release fully accessible drag-and-drop interactions.
As far as contrast goes, black text on the gray shapes meets contrast guidelines at 17:1. The gray shape on a white background does not meet the requirements with a ratio of 1.2:1, but as previously mentioned, if you use a black background, this will meet contrast guidelines at 17:1, so be sure to use a dark background if you choose to use this interaction.