Skip to Main Content
It looks like you're using Internet Explorer 11 or older. This website works best with modern browsers such as the latest versions of Chrome, Firefox, Safari, and Edge. If you continue with this browser, you may see unexpected results.

HACC Class Guides Style Cheat Sheet

Box with Normal Text and Headings

This is how the following text type will display. This is different than how they look in the Rich Text Editor. Remember that the Headings are used to create a map of the guide for screen readers, so they should only be used to organize information within a box, and not chosen on appearance. Headings 1 and 2 are not included as they are the Guide Name and the Box Names. 

Heading 3

Heading 4

Heading 5
Heading 6
Formatted

Additionally, you may find you want to add a hyperlink within the text. While this should not be your primary way of sharing links (since it can not be checked by Springshare's Link Checker Tool), sometimes it makes more sense within the flow of your guide. As an example, you might write: "You can check out the tutoring schedule to see when someone is available to help with your assignment."

Text Style Types

Block Styles - applied to the entire paragraph

  • Italic Title - NOT RECOMMENDED.

  • Subtitle - NOT RECOMMENDED.

The Italic Title and Subtitle are another way to create headings but they do so in a way that is inconsistent with the general overall page structure. It impacts screen readers, by creating Headings, and therefore is not recommended. 

  • Special Container - Use only for formatting. It does not provide any information to screen readers. 

 

Inline Styles - can be applied to single words or more 

With the exceptions as noted, most of these do not provide any information to screen readers, so they are helpful only to sighted users. Use them as they are intended

  • Marker - Currently unstyled. Does nothing for screen readers. 
  • Big - Do not use. No longer supported. 
  • Small - Makes text smaller, but does so subtly. 
  • Typewriter- Do not use. No longer supported.
  • Computer Code - probably won't be used frequently, but it is used to denote that the text is HTML, CSS, or other code languages. However, in this guide, you will likely see it as I share pieces of code to help you. 
  • Keyboard Phrase - used to indicate that the words are something you type using your keyboard. Can be used to show a set of keystrokes (such as CTRL+Alt+Delete) or search terms
  • Sample Text - meant to show what the result of something would be. It is styled so that it can be used to make something stand out since it does not impact screen readers. In addition to the background, it has extra space above and below.
  • Variable - Meant to be used for mathematical equations, otherwise only apply italics. 
  • Deleted Text  - only use to show deleted text. This IS understood and read by screen readers
  • Inserted Text - only use to show inserted text. This IS understood and read by screen readers
  • Cited Work - I edited this style from its default of italics to be 12 pt, Times New Roman, and double spaced with a hanging indent. If you need to include a citation on your guide, you can use this to get the basic formatting before you add the italics. 
  • Inline Quotation - designates text as a short quotation

Unless you are writing content in a language other than English, you do not need to use the text direction options.