Missouri State University

Skip to content Skip to navigation
a b c d e f g h i j k l m n o p q r s t u v w x y z

Web Strategy and Development Blog

  • Web Strategy and Development
  • Web Support
  • @msuweb
Students on computers in library

Web Accessibility Clinic

Learn how to identify and fix the most common website accessibility issues.

May 21, 2020 by Brian Heaton

Share this post:

  • Twitter
  • Facebook
  • LinkedIn
  • Pinterest
  • Pocket
  • Tumblr
  • Email

What’s the best way to announce new office hours?

How much italics should I use?

Is it OK to just say, “click here”?

While updating your office/department website over the past two months, you may have had questions like these.

This year’s virtual Web Accessibility Clinic, partnering with Global Accessibility Awareness Day, will provide answers.

Points of emphasis

Use the notice block when appropriate, but don’t go overboard.

Use bold and italics lightly.

Make sure you’re following the style guide.

  • Regularly check time-sensitive notices on your website to be sure they’re current, particularly those referencing office closures.
  • Consider using a Notice block for short-term, brief, important information.
  • Don’t bold or italicize an entire sentence. Treat just the important word(s).
  • Link text, by itself, should provide the user with an idea of the destination. Click here, More info and Read more should be avoided.
    • Examples of links that may be unclear if read out of context of the surrounding content:
      • Click here to see program requirements.
      • More info about web accessibility.
      • Read more about building websites with Web Press.
    • Examples of links that are concise, descriptive and clear:
      • Program requirements
      • Learn about web accessibility
      • Building websites in Web Press
  • Select Editorial Style Guide entries include:
    • In time references, use figures with a.m. and p.m throughout. Omit :00.
      • Examples: Summer office hours are 9 a.m.-4:30 p.m. Telephone support is available 2:30-4 p.m. daily.
    • In email addresses, capitalize each word. Example: BoomerBear@MissouriState.edu.
    • Preferred capitalizations, spelling and usage:
      • Phone numbers: use dashes, not periods. Omit parentheses around the area code. 417-836-5000
      • Most words beginning with “non” or “post” should be formatted as one word with no hyphen (ex. noncredit, nondegree, nondegree-seeking, postbaccalaureate, postdoctoral, postdoctorate). Post-master’s should be hyphenated.
      • Email, not e-mail.
      • Use only one space between sentences. Do not use a space at the end of a paragraph or bulleted list item.
    • For web addresses, write descriptive link text.
    • Common Bear terms:
      • Bear CLAW
      • Bear Line
      • BearWear
      • BearFare
      • BearMail
      • BearPass
      • Bear Park North (South)
      • BoomerMeals
      • Bear Breaks

Content editing best practices

Headings make your content easier to read. Use them.

Alt text helps everyone understand the meaning behind your non-text content (images, infographics, etc.). Not everyone can see, or will want to see, your photo(s).

Link text, or descriptive links, helps the user know where a link goes.

Headings

  • Headings are an outline of your content and should make sense out of context.
  • Headings divide your content into consumable sections.
  • Do not select heading level based on resulting visual presentation style.
  • Page title is heading level 1 (h1); first heading in your content will be h2; subtopic will be h3; etc.
  • Do not use bold paragraph for heading.
  • Avoid centering headings.

Alternative text for non-text content

  • Provide alternate (alt) text for non-text content.
    • Images, including poster/flyer images (infographics).
    • Alt text should convey in text whatever meaning is conveyed by the image/flyer.
      • If the image has a lot of information, charts, diagrams, etc., the alt text should contain 1) a short description conveying the essential information presented by the image, and 2) a long description following the image or on another page.
        Bar chart displaying cost comparisons as detailed in the following paragraphs.

Link text (descriptions)

  • Very critical to the page containing the link and the destination page.
  • Links should make sense out of context.
  • Do not use meaningless or incomplete text like click here, learn more, download, etc.
  • Do not use URLs for link text.
  • Optimal link text is typically 2-6 words.
  • Each unique destination should have unique link text.

Content structure

  • Use paragraphs, unordered and ordered lists appropriately.
  • Write for your target audience.
  • Do not use a heading or bold paragraph for announcement or notice. Use “Intro” or “Notice” markup instead.
  • Do not add blank paragraphs to generate separating space.
  • Do not create manual lists (e.g., starting lines with a hyphen).
  • Do not bold or italicize entire paragraphs, even one-line paragraphs. Treat just the important words.
  • Do not use all capital letters.
  • Avoid centering content.
  • The template is spacious by design to facilitate touch interfaces; do not try to circumvent vertical spacing.

Tables

  • Used for presenting organized data.
  • Never use for layout (e.g., two columns).
  • Should always have headers (th). No need to bold or specify header as a heading style.
  • Do not combine multiple tables into one with embedded description row preceding each table.
  • Precede with descriptive heading, paragraph or include a table caption.

Access previous accessibility presentations

  • Web Accessibility Clinic (Oct 2018)
  • Web Accessibility Summit (June 2018)

More assistance

  • Web help desk
  • About the Author
  • Latest Posts

About Brian Heaton

Brian Heaton is the Content Management Programmer/Analyst for Missouri State University. He is responsible for training and implementation of the university's web content management system in addition to managing the web help desk.

  • Website editor open lab sessions for summer 2022 relocated downtown - June 3, 2022
  • Martian attack repelled; content management system implementation proceeds - December 1, 2021
  • Recap: Accessibility according to actual people with disabilities - August 27, 2021
  • Unused Web Press assets archived - July 7, 2021
  • Web Press open lab sessions for summer 2021 - June 11, 2021
  • Web Press upgrade complete - July 31, 2020
  • Web Press to be upgraded Friday, July 31 - July 30, 2020
  • Unused Web Press assets archived - July 7, 2020
  • Web Press upgrade complete - June 9, 2020
  • Web Press to be upgraded Tuesday-Wednesday, June 9-10 - June 5, 2020

Filed Under: Accessibility, Training, Web Press

Share this post:

  • Twitter
  • Facebook
  • LinkedIn
  • Pinterest
  • Pocket
  • Tumblr
  • Email

Subscribe

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Follow @MSUWeb

My Tweets

Calendar

  • Complete Calendar

Categories

  • Accessibility
  • brand
  • email marketing
  • Mobile
  • News
  • Omni CMS
  • Redesign
    • Academic websites
    • Web redesign 2015
  • Social media
    • Social media kit
  • template
    • updates
  • Training
  • Video
  • Web Press
  • web strategy and development
    • Technical
  • Web Support
  • WordPress blogs

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

Connect with web strategy and development

  • Twitter

Make your Missouri statementMake your Missouri statement
  • Last Modified: May 21, 2020
  • Accessibility
  • Disclaimer
  • Disclosures
  • EO/AA/M/F/Veterans/Disability/Sexual Orientation/Gender Identity
  • © 2013 Board of Governors, Missouri State University
  • Contact Information
loading Cancel
Post was not sent - check your email addresses!
Email check failed, please try again
Sorry, your blog cannot share posts by email.