Layout and typography
Scalable text
- One UI text is scalable pixel and varies in size. All text except subtitles and text within images should be resizable up to 200% without affecting content or functionality.
Label toast
- To help users understand icons without visible text labels, provide pop-up labels when users touch and hold the icons.
![](https://cdn.statically.io/img/d3unf4s5rp9dfh.cloudfront.net/ONEUI/accessibility_layout_img-01.png)
![](https://cdn.statically.io/img/d3unf4s5rp9dfh.cloudfront.net/ONEUI/accessibility_layout_img-01-m.png)
Font : size Level 3
![](https://cdn.statically.io/img/d3unf4s5rp9dfh.cloudfront.net/ONEUI/accessibility_layout_img-02.png)
![](https://cdn.statically.io/img/d3unf4s5rp9dfh.cloudfront.net/ONEUI/accessibility_layout_img-02-m.png)
Font : size Level 7
Large text layout
- Keep in mind that as font size is increased, text can be cut off, making it difficult to understand. Provide enough space and stay within space limits.
![](https://cdn.statically.io/img/d3unf4s5rp9dfh.cloudfront.net/ONEUI/accessibility_layout_img-03-2.png)
![](https://cdn.statically.io/img/d3unf4s5rp9dfh.cloudfront.net/ONEUI/accessibility_layout_img-03-m.png)
Find out more on
-
Support different screen sizes
Android Developers
Touch target spacing
- Touch areas should be large enough to be touched easily and have enough spacing between them to prevent missed touches, even for users with limited mobility.
![](https://cdn.statically.io/img/d3unf4s5rp9dfh.cloudfront.net/ONEUI/accessibility_layout_img-04.png)
![](https://cdn.statically.io/img/d3unf4s5rp9dfh.cloudfront.net/ONEUI/accessibility_layout_img-04-m.png)