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