| displayed_sidebar | checklist |
|---|
Guideline: Text
<img src={require('@site/static/gif/text.gif').default} width="300" />
| Accessibility Setting | I see |
|---|---|
| Font size | The Text adheres to phone settings and remains readable up to 300% |
| Bold font | When activated, all the text is rendered in bold |
| I hear | |
|---|---|
| Uppercase text | A screen reader reading the words without spelling them out |
:::note
If your design utilizes uppercase text, please provide a sentence case version using the accessibility-label property.
:::
- Adjust the accessibility setting: Font Size.
- Verify that the app adheres to this setting and all text remains readable.
- Modify the accessibility setting: Bold Font.
- Ensure that the app honours this setting.
- Activate a Screen Reader.
- Ensure that all uppercase text is pronounced correctly.
Ensure all the following checks are true:
- The app's font size adjusts in accordance with the phone's "Font Size" setting, and all text continues to be readable.
- All of the app's text becomes bold when the corresponding accessibility setting is activated.
- A screen reader reads out all the text correctly without spelling words