Guides›Text on glass

Text on glass

Text inside glass is regular text, so people can select it and screen readers read it. The only hard part is keeping it readable.

Why it gets hard

Glass shows what is behind it, and that changes. White text can be fine over a dark photo and vanish when the same card slides over a bright sky.

What helps

Raise frost so details behind the text melt away. Lower transparency so the tint covers more. Keep refraction low on text panels. Sharp shapes bending under letters read as noise.

<edinstvo-glass frost="0.9" transparency="0.6" refraction="0.15">
  Readable on any photo
</edinstvo-glass>

How to check

Test the lightest and the darkest place the panel can reach, and aim for a contrast of 4.5 to 1 for body text. Avoid text shadows, they make glass look like a sticker.