Making a new page or just updating content on your current page?

Here are a few things you should check off:

  1. Page Title and url – Is it distinctive and descriptive? It should be consistent with the rest of the pages on your site. This helps with search engine optimization and users can find your site quicker.
    • Page URL should also be consistent with the rest of the website. Reach out to the web team if you need help editing any page urls.
  2. Page Sections – Is your page broken down into logical segments? If someone can’t see the page, is it still logical as they hear it through a screen reader?
  3. Headings – Are they descriptive and differentiating your sections on the page?
    • Use correct hierarchy. h2, then h3, then h4..... Don't use a h4 just because you like the size. Use them like a list/outline of a paper. Example of headings usage.
    • Headlines are title case (capitalize like you would a typical title): Explore Your Options in XYZ
    • No need to bold any headings if you select h2, h3, h4... This is already done in the style sheet for the website. You can use a paragraph or text and bold, just not bold with headings.
  4. Readability – As you scan the page quickly, is the visual display clean and uncluttered? Is it easy to read or scan?
    • Be consistent throughout the site. Copy the feel, flow and terminology of other pages.
    • Only links should be underlined and that is done automatically when you make text linked. Underlining text that is not a link will confuse our users. 
  5. Links – write helpful links. Pretend someone is reading this to you and you can’t see it? Does it make sense?
    • Put key words at the beginning of the link phrase.
    • Search your page for "Click Here" - You shouldn't find it. Please reword your link.
    • Buttons are sentence case (capitalize first word and proper nouns only): Nutrition minor requirements
    • Link email addresses - no need to spell them out unless students will need to copy and paste them.
    • Use links with your text, don't spell out the URL in your text unless you are trying to get the users to memorize the short url or specifically see the link they need.
  6. Images – All meaningful images need descriptive alternative text for screen readers or visual impairments.
    • If the image is purely decorative, it does not need alt text.
    • Keep it short like a tweet.
    • Don’t include “image of” or “photo of”
  7. Video/Multi-media – Also need descriptive alternative text for screen readers or visual impairments.
    • Include captions for audio and description for visually impaired users.