Banner title

Editor Tips

When adding content to a Rich Text Editor (RTE) field please use the following tips to ensure content is valid and accessible:

Copying and Pasting Content

• When pasting content from another source you should always us 'Ctrl + Shift + v' to ensure hidden formatting has been removed.
• You can also remove formatting by highlight text (ctrl + A) and use the 'Removing Formatting' button within the RTE toolbar T_x.

Spacing

• Paragraph tags/spacing will be added automatically when you click 'Enter' however you can use 'Shift + Enter' to achieve a single line break.

Headers

• Use the 'Styles' dropdown within the RTE toolbar to add formating
• Ensure proper nesting of HTML header elements (e.g. h2, h3, h4 etc.).

URLs/PDF Links

• When adding links to PDFs or External sites please use 'Open in new tab option' or user Target = blank in a RTE.

Images

• For accessibility, always add Alternative Text (Alt) when adding images to the site. This is also required when adding an image via the RTE. Alt Text should describe the image. It is read aloud to users by screen reader software, and it is indexed by search engines. It also displays on the page if the image fails to load.
  • Alternative Text should never include the file type e.g. .pdf and should never contain placeholders such as 'picture', 'spacer', 'image' or 'text'

PDFs/Documents

• PDFs should always have a Title within the document itself - For Office documents and PDF documents produced from Office, fill in the Title in Document Properties before saving as PDF.

Tables

• To make a table responsive (i.e. scroll on small devices)
  • First add a Div tag by clicking the 'Div' icon in RTE Toolbar
  • Choose style - Responsive Table - click ok
  • Without moving the curser, click the table icon in RTE Toolbar, Enter number of Rows, Columns and choose Headers - click ok
• Identify row and column headers in data tables using th elements, and mark layout tables with role=presentation i.e. when creating a table, under 'Headers' choose either First Row, First Column or Both, this will add the relevant th elements. If using a table for presentation/layout purposes you need to add 'role="presentaion"' within Source e.g. <Table role="presentation">...</table>
• Do not add a caption within Tables
• Highlight the table and click the 'Styles' dropdown within the RTE toolbar to add formating

Videos

• All iframe content should have a 'Title' attribute

Archive/Unpublish content

• You can either use the Archive option or unpublish page type fields to remove content from the front-end however please ensure it is applied to all child pages also. You can archive multiple pages at once by clicking into the 'Listing' mode (above content tree)
• Pages can be hidden from all searches by using the 'Search Excluded' checkbox within all page types.

---

Example Content - Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus consectetur, nibh id sollicitudin porta, justo ante pellentesque nulla, id finibus velit sapien non dui. Nulla finibus arcu vel massa pellentesque, varius sagittis dui laoreet. Curabitur sed libero congue, varius mi eget, blandit nibh. Quisque sed lorem leo. Praesent a fringilla urna. Suspendisse nec mollis lacus. Vivamus dignissim justo nec leo sodales dignissim. Nulla venenatis tincidunt consectetur.

Heading 3

Proin malesuada urna ac molestie vehicula. Suspendisse eu malesuada felis. Donec eu tortor nec leo suscipit pretium nec eu tellus. Praesent tempor auctor velit malesuada fermentum. Nulla facilisi. Aliquam nec cursus sapien. Praesent sed dignissim urna. Fusce ullamcorper mi a odio mattis, sed pretium mauris rutrum. Vivamus molestie orci et tortor dictum, vitae sodales libero imperdiet.

Heading 4 - 100% Width Table with responsive div (scrolls on small view ports) and Row Headers

 

500px Width Table with both Row and Column Headers

Header 1	Header 2
Column Header 1	Data
Column Header 2	Data

100% Width Table with Row Header and alternative row styling

Header 1	Header 2
Column Header 1	Data
Column Header 2	Data

heading 5 - image with Alt text

Example of block quote

Example Widgets - to display a link as a button, add link then use the styles dropdown to choose button style.