Heading 2: The Title of Your Page
Heading 2 should be used only once on a page, at the top of the page, should be in Title Case, left justified, and serves as the page title. (Heading 1 should never be used.)
Paragraph: the paragraph format is the default text format throughout the site. Start with a brief overview of what a reader should expect to get out of this page. For example, this page explains how to style a basic, informational page on the DVC website. Everything you put on a page should be as readable and accessible on your phone as it is on your screen.
Heading 3 - this is an example of a section title
Use sections to organize your content so a reader who's scrolling through the page can find what they're looking for easily. All headings (H3 and H4) should be in sentence case.
Heading 4 - section sub-heading
Use heading 4 to further divide your sections as needed. Please note: accessibility standards require that you only use Heading 4 if you've used Heading 3 previously on the same page (don't skip from Heading 2 to Heading 4, this is not ADA compliant.) Headings are for content organization and not as a design choice.
Using lists for easy reading
Lists help readers get through information more quickly. Here are some tips to keep in mind when crafting your content:
- Avoid using bold more than twice in a paragraph. If you feel your readers might overlook important points, try reducing the amount of surrounding text or putting them into a list like this one.
- Refer to the style guide for abbreviations and other style rules you might not know about. For example, instead of using ampersands (&) we write out the word "and." For times, we use 10 am (not 10 a.m. or 10 A.M.)
- Text should always be left-justified, never centered.
- Email addresses should be active links (dvcwebworkgroup@dvc.edu, not dvcwebworkgroup@dvc.edu)
- Headings should be as specific as possible (for example, use "English courses and class schedule" instead of "Courses and class schedule").
- When in doubt, use lower case.
- When making lists, use bullet lists (like this one) unless the order of items is important, like a sequence of events or processes.