Role and semantics
Section titled “Role and semantics”MoneyText is plain text inside a <data> element; its value attribute holds the exact decimal value. Screen readers read the formatted text (“₺1,234.56”).
Keyboard
Section titled “Keyboard”MoneyText takes no focus.
None.
Screen reader output
Section titled “Screen reader output”| Example | Output |
|---|---|
| 123456n | “₺1,234.56” (read as “1,234 lira 56” or similar) |
-2500n, tone="sign" |
“-₺25.00” |
Contrast
Section titled “Contrast”All tones meet 4.5:1 for text; fraction="subtle" meets 4.5:1 with color-text-subtle too.
WCAG 2.2
Section titled “WCAG 2.2”| Criterion | How MoneyText meets it | What product teams must do |
|---|---|---|
| 1.4.1 Use of colour | tone="sign" writes the sign too. |
Do not combine a coloured tone with signDisplay="never". |
| 3.1.2 Language of parts | The format follows the Provider language. | Match the Provider language to the page language. |