Title

The Title component allows users to add a title within their content.

Found in Side panel> Components > Content
Styles available: none
Required content: Title text
Optional fields: heading, icon, path, open in new window checkbox
Custom Colours Applicable: No

*Please note that the title component begins at H2 and the font sizes have been converted to em and are not available in pixels.

How to use

In open page, select on the Side Panel icon
Under components> locate Title component
Drag "Title" onto page
Double click, or select the wrench icon
Select Heading, add title, select icon (default is no icon) and add link and checkbox to open in new tab, if required
Select OK

H2 title with an icon

H3 title without an icon

H4 Title with icon

H5 title with no icon

H6 title with icon

Heading levels and accessibility

Headings give structure to a webpage and should be properly nested. <H1> is followed by <H2>, and <H2> is followed by <H2> or <H3>, <H3> is followed by <H3> or <H4>, etc. When adding headings to pages, do not skip heading levels.

Screen readers provide keyboard shortcut keys that go from heading to heading, making it easier for a person with a visual impairment to navigate content on a webpage.

Each page in the responsive templates has the Heading 1 (H1) defined when the page is created. Users can apply H2 through H6 in multiple content components.