Skip to main content

Designing accessibility features within components


Bram_Bijdevaate

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
  • Power Member
  • 4708 replies
  • 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


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


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


Gleb
  • Power Member
  • 4708 replies
  • November 9, 2023

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


Bram_Bijdevaate

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


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings