Changing the colour of matching drag and drop

Jan 31, 2013

This is only for the matching drag and drop. 

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?

27 Replies
Leslie McKerchie

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.