Documentation
Kitchen Sink documentation of style: 'Delos' of skin: 'ILIAS'
Link
Description
- Purpose
- Links are used navigate to other resources or views of the system by clicking or tapping them. Clicking on a link does not change the system status.
- Composition
- A link is a clickable, graphically minimally obtrusive control element. It can bear text or other content. Links always contain a valid href tag which should not just contain a hash sign.
- Effect
- After clicking a link, the resource or view indicated by the link is requested and presented. Links are not used to trigger Javascript events.
Rivals
- buttons
- Buttons are used to trigger interactions that usually change the system status. Buttons are much more obtrusive than links and may trigger Javascript events.
Rules
- Usage
- Links MAY be used inline in a text paragraph.
- Composition
- If a link has a help topic, it should be rendered as a tool tip.
- Interaction
- Hovering an active link SHOULD indicate a possible interaction.
- Links MUST not be used to trigger Javascript events.
- Wording
- The wording of the link SHOULD name the target view or resource.
- Style
- Links SHOULD not be presented with a separate background color.
- Accessibility
- DOM elements of type "a" MUST be used to properly identify an element.
- If the Link is carrying the focus (e.g. by tabbing) and is visible it MUST always be visibly marked (e.g. by some sort of highlighting).
- All Links visible in a view MUST be accessible by keyboard by using the ‘Tab’-Key.
Relations
- Parents
- UIComponent
- Descendants
- Standard
- Bulky