Skip to main content
Bram_Bijdevaate
Bram_Bijdevaate
November 8, 2023

Designing accessibility features within components

  • November 8, 2023
  • 5 replies
  • 590 views

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
November 8, 2023

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
November 8, 2023

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
November 8, 2023

Screenshot 2023-11-08 at 15.38.07

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

Gleb
Gleb
Power Member
November 9, 2023

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

Bram_Bijdevaate
Bram_BijdevaateAuthor
November 15, 2023

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