Projects/Usability/HIG/IconsAndText: Difference between revisions
(New Icon with Text guidelines) |
|||
| Line 3: | Line 3: | ||
== Guideline == | == Guideline == | ||
[[File:HIGPatternIconsAndText.png]] | [[File:HIGPatternIconsAndText.png]] | ||
* Where icons are shown with text, use the layout guidelines above. | * Where icons are shown with text, use the layout guidelines above. | ||
* For 16x16px icons and smaller, the 8px margins may be reduced to 4px. | * For 16x16px icons and smaller, the 8px margins may be reduced to 4px. | ||
* Where icons are shown without text, always provide tooltip text and alternate text for accessibility. | |||
Revision as of 06:19, 29 March 2014
Purpose
The combination of icons and text can be used to identify items of data, information or actions in a user interface. Examples include toolbar actions, file and folder displays in a file manager, application listings and notifications.The layout should should be consistent.
Guideline
- Where icons are shown with text, use the layout guidelines above.
- For 16x16px icons and smaller, the 8px margins may be reduced to 4px.
- Where icons are shown without text, always provide tooltip text and alternate text for accessibility.