Skip to content

WSkipLinks

Mark Reeves edited this page Jan 3, 2018 · 4 revisions

WSkipLinks is a component used to add a list of shortcut links to a screen. Skip links provide a means for a user to access a block of content without having to tab through the entire UI.

Creating skip links

The WSkipLinks component is merely used to place the skip links block into a specified part of the UI. This should normally be the first focusable element in the UI and preferably the first element inside the document body. It may, however, be placed anywhere in the document as long as it is the first focusable component.

WSkipLinks will only have a UI artefact if there is something to which to link, therefore it should not be placed into a WPanel with a layout if the application has any screens which do not have linked WPanels.

What is linked.

A skip link is created to any WPanel which has its accessKey and title properties set.

A skip link will comprise a HTML a (link) element with a relative URL to the id of the WPanel target. The content of the link element will be determined by the title property of the WPanel.

creating linkable WPanels

Any WPanel can be the target of a skip link. It is recommended, however, that you limit applying an accessKey property to WPanel Type.CHROME and WPanel Type.ACTION since these panels expose their title and this visible title assists all users retain an awareness of their location within the application and the potential target for any skip link.

HTML output

WSkipLinks outputs a compound navigation widget. Each link is a HTML a element. WSkipLinks has no content: the link is generated from the WPanel properties (see below).

Related Components

Further information

Clone this wiki locally