Telefonica / mistica-design

Mística Design System (only design)
https://brandfactory.telefonica.com/mistica
20 stars 4 forks source link

TextSecondary color in Blau to pass accessibility #1687

Open yceballost opened 4 months ago

yceballost commented 4 months ago

Discussed in https://github.com/Telefonica/mistica-design/discussions/1677

Originally posted by **DiegodeMiguel** February 26, 2024 ### Goal Accesibility for Blau callout don´t pass actually. (Textsecondary over backgroundContainerAlternative) ### Context We have received feedback from the OB in Blau about the accesibility for the callout. Actually this fail: image I copy here also the link from the tokens https://mistica-design.vercel.app/tokens-map/production/blau/color/backgroundContainerAlternative/ The OB tell us that we need to make it accesible and change the colour, they propose "If you change the grey text to 687173 the ratio is 4.5:1 and works"...but I don´t sure if we need to change the token colour about the "Secondarytext" or it´s better to unify with the other brands and change the background to put it into grey colour, because now Blau its the only one that its different: image Thanks. ### Impact This affect to all callouts. I attach a figma link as example https://www.figma.com/file/NPyjxLokVg6KLkdVrvkR7w/Blau_INVOICES?type=design&node-id=3958-14638&mode=design&t=pQAiNC4CAxvmybte-4 ### Discussion Questions Should we evolve this component or just find a new token colour? ### Additional considerations _No response_ ### Do you have a visual proposal? _No response_