Skip to main content
Bram_Bijdevaate
Bram_Bijdevaate
Nov 8, 2023 2:14 PM UTC

Designing accessibility features within components

For designing accessibility states in components i would love to add an inside and outside border to one single element. Does anyone have a solution / work around for this or could this be a new feature.

5 replies

Gleb
Gleb
Power Member
Nov 8, 2023 2:31 PM UTC

Can you show some pictures or a better explanation? You can easily add a border to any element using Stroke properties.

Bram_Bijdevaate
Bram_BijdevaateAuthor
Nov 8, 2023 2:36 PM UTC

Screenshot 2023-11-08 at 15.33.50

Screenshot 2023-11-08 at 15.34.10

I would like to design a accessible state like this within one component. The button on the right is not part of the component and needs a second frame around it which cannot be turned off with a Boolean since its the parent layer with only a second stroke.

Bram_Bijdevaate
Bram_BijdevaateAuthor
Nov 8, 2023 2:39 PM UTC

Screenshot 2023-11-08 at 15.38.07

It could look like this. 2 strokes applied on one layer

Gleb
Gleb
Power Member
Nov 9, 2023 1:46 AM UTC

Ah, gotcha, here is an existing suggestion, vote for it: Multiple independent strokes

Bram_Bijdevaate
Bram_BijdevaateAuthor
Nov 15, 2023 3:20 PM UTC

Update here; I found a workaround (semi) by adding a shadow with 100% opacity and no blur. Only downside is that it is not possible to mimic a stroke gap

Terms & ConditionsAccessibility statement