When you’re on a page that you have the permission to edit, you’ll see an Edit Page link at top left. Click it, and the editable parts of the page (which are predefined by the template in use) become editable. Make sure to add text into the editable introduction.

If you don’t see the Edit Page link, then you don’t have permission to edit that page - but you can always leave a note for the page’s editor using the Notes tab in the black toolbar, and your note recommending an edit will be emailed to the page’s owner.

When you click into a highlighted content area, you’ll see an editing toolbar:

The LiveWhale page-editing toolbarThe LiveWhale page-editing toolbar

Descriptions for toolbar buttons:

Text formatting buttons (from left)

Bold, italic, underline

Self-explanatory - just like other programs, select text and apply these styles by pressing the buttons in the editor toolbar.

Do not confuse visitors by having similarly styled elements for different reasons. Example: if all links are bold use italics instead to emphasize text in a paragraph. 

Link

Select the text – or image - you want to link to something, and then click the link button to create a link.  You can link to another of your pages, a page elsewhere on the Purchase site, an outside URL, one of your files, or an anchor link on this page (see below).

Accessibility Tip:  Do not use “Click Here” for link text.

Link text should make use of language that occurs naturally within your sentence.

Bad:    “Click Here for a list of CTS technology Policies on the web”

Good:Campus Technology Services (CTS) technology Policies are published on the website.”

Accessibility Tip:  Use meaningful link text.

Link text helps visitors understand the purpose of the link – and to decide whether to follow the link or not.  Link text should clearly describe the content at the link’s destination. Avoid using link text that is ambiguous, like “read more.” You should include information that is relevant, like the type of document and its size – such as “(pdf, 6Gb)” – to avoid causing someone to download an overly large document – or one that they don’t have the software to access.

Many assistive technology tools provide visitors with a list of the links on the web page - so link text needs to be meaningful to enable them to confidently choose the link(s) that they need. It will also help those who tab through links, as well as those who need to choose links without struggling to understand what their content is.

Those with motion impairment can skip links that they do not need, and avoid un-necessary clicks or keystrokes to visit content that may not be what they are looking for – if links are clearly labelled.

Those with cognitive limitations are less likely to become disoriented with more than one means of navigation through the content that they may or may not be interested in. lastly, those who are visually disabled will have the power to determine the purpose of a link just by considering its context.

Unlink

To remove a link, select the link text and click the Unlink button.

Anchor

This button creates an anchor (“jump link”), which you can link to with the Link button. Anchor Links appear on the same page – farther up or down – and clicking them relocates you to that section of the page.

Back to #top links

When you’re using anchor links for special cases when the page is particularly long (i.e. for Academic Program Requirements pages) you can insert a link back to the top of the page.

Select your “back to top” text and then create a link as follows:

Formats

This dropdown includes a list of custom text styles that you can use.

Paragraph, Heading 2, etc.

This dropdown shows block formats, primarily headers and paragraphs. To create sub headers, choose the appropriate header for the context (preview size is shown in a dropdown menu).

Creating Accessible Headings at Purchase College

Accessibility Tip:  Use Headings to Convey Meaning and Structure

Headings should be used to group related paragraphs and content together while clearly describing the sections. A good heading will provide an indication of the content.

This helps visitors understand what they should expect from the content of a web page and how that content is organized. Clear and descriptive headings allow the user to find information easily, thus they will be able to understand the relationships between parts of the content more easily. The headings do not need to be (and should not be) lengthy. Headings should provide cues to locate content and understand the structure of the content within the page.

Accessibility Tip:  Headings should be used in a logical sequence (and not as a design element.)

Fourth level headings <H4> should only appear within <H3> headings, which in turn should only appear within <H2> headings. For someone using a screen reader that suddenly goes from an H2 level heading to an H4 level heading, that doesn’t make logical sense – and they may assume they missed something.

An image showing headers (h1, h2, h3 etc.) are nested inside each other.

Descriptive headings will help those who have disabilities that slow their reading down, and will help those who have a limited short-term memory. Section titles make it likely for the individual to foresee what each section will contain.

For those who have difficulty using their hands, reducing the number of steps or clicks needed to reach the content that they need is important. Screen readers see the headings and labels first, and the visitor will understand their meaning when seen out of normal context. Those with low vision will be able to see the headings first and determine if the content is relevant to their inquiry.

Long documents should be organized into sections with headings that introduce them. Headings should indicate the organization of the content and facilitate the navigation of the content.

Bullets and Numbered Lists

Click and hold to see other list style options.

Table

Add and modify tables. To create a table with borders, add a table, go to the Formats menu, and select Data table. Within a table, right-clicking (or control+clicking) will show additional cell options.

Accessibility Tip:  Avoid the use of tables as a “design element.”

Avoid the use of tables unless you are displaying data that requires it.

Why? Tables are difficult to navigate - and must be carefully labelled with meaningful row and column headers. There are better ways to achieve the layout and alignment goals that people often use tables to achieve.

Justification

Right, center, or left align text.

Indent/Outdent

Indent your content from the left margin.

Add content buttons

Add image

Displays the images in your image library for quick placement on your webpage.  You can also upload images directly from your computer using this button.

See the section on “Images” for Accessibility Tips.

Add more

This button opens a dropdown with more options for adding page content:

Widget

Add a feed of your dynamic content

Video/Media

Add a URL for any Web video (YouTube, Vimeo, etc.) and it will be automatically embedded on the page.

See the section on “Videos and Media” for Accessibility Tips.

Slideshow

Add a quick slideshow version of one of your Galleries

Blurb

Add one of your blurbs

Form

Add a form

More formatting buttons
Undo/Redo

Reverse the last change you made/Re-apply the last removed edit change

HTML Source

Edit the HTML source of the editable region you’re in.

Horizontal Rule

Add a horizontal rule:


… to your content area.

Blockquote

Use for quotes to set them off from regular page text.

Use for quotes to set them off from regular page text.

Line breaks

For shorter line breaks–
like this one! - you can press Shift+Enter while editing paragraph text. This is often useful for addresses or other contact information.

Accordions

Display your content in an accordion by following the steps outlined here.

 

Back to top