Projects/Usability/HIG/SOU Workspace/Links: Difference between revisions

From KDE TechBase
No edit summary
(HIG moved to community)
 
Line 1: Line 1:
=== Links ===
{{ Moved To Community | KDE_Visual_Design_Group/HIG/SOU Workspace/Links }}
 
Links are text or graphical elements that indicate further information when clicked, typically navigating to a new web page in a browser window. While it is most common to see links used in HTML, they can also be embedded within the user interface, such as in [[dialogs]] or used for [[contextual help]] (such as ''What's this?'' hints).
 
[[Image:link.png]]
 
''A link in a configuration dialog to access further information.''
 
Unvisited links are typically blue and often underlined. When a user hovers over a link, the link text appears as underlined (if it wasn't already) and the pointer shape changes to a hand.
 
==== Guidelines ====
 
* Links should be styled in a consistent manner and be easily discoverable by sight alone (interaction alone is not acceptable).
 
* Indicate the result of clicking on a link by using link labels that are descriptive and accurately predict that result. Keep link labels short and concise.
 
* Make sure links in configuration dialogs are accessible via the keyboard.
 
 
'''Links in dialogs'''
 
* Use links in configuration dialogs to provide further information about the displayed options.
** Options include opening a ''What's this?'' hint, directing the user to a page in the user manual or opening a web page in the default browser.
 
* Use links in dialogs rarely, and only if the information is critical to the user (e.g. security-related hints or when a critical option is operated).
 
 
'''Links in ''Whats This?'' hints'''
 
* What's this hints should contain links to related information in the user manual, if available.

Latest revision as of 11:26, 4 August 2016

This page is now on the community wiki.