Difference between revisions of "KDE Visual Design Group/HIG/IconsAndText"

(New Icon with Text guidelines)
 
Line 3: Line 3:
  
 
== Guideline ==
 
== Guideline ==
* Where icons are shown without text, always provide tooltip text and alternate text for accessibility.
 
  
 
[[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

HIGPatternIconsAndText.png

  • 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.

This page was last edited on 29 March 2014, at 06:19. Content is available under Creative Commons License SA 4.0 unless otherwise noted.