admin, Author at Accessibility Updates

Accessibility Updates

Recap: Hello Omni CMS, goodbye Web Press!

by

During MarCom Training Week, the office of web strategy and development presented “Hello Omni CMS, goodbye Web Press!”

The goal: Help all web editors become familiar and comfortable with using the university’s new content management system (CMS), Omni CMS.

A summary of the presentation is detailed below. You can also download the full presentation (.pdf).

What’s changed and basics

Compared to the old system, Omni CMS is easier and quicker to use.

Key takeaways:

  • To log-in, just go to the page you want to edit and scroll to the very bottom. Look for the little copyright-looking symbol (c). This is the DirectEdit link. Click it.
  • To start editing your page, select the green rectangle icon labeled “Main Region.”
  • To navigate between pages or sections of your site, select Content->Pages. All pages are saved as .pcf files. Your “homepage” is always default.pcf.
  • WYSIWYG Toolbar: Where all the editing magic happens. This is where you add, edit or enhance your content.
  • Dashboard: The command center for all your editing activities.
  • Global navigation links are displayed site-wide. Local navigation links are limited to a specific page.

Design system

The web design system is the foundation for building your pages.

Key takeaways:

  • Everything comes from snippets (puzzle piece), components (atom icon) and assets (box with arrows).
    • Snippets: The starting point for building your page. Grids are the most common. Grids “hold” your content.
    • Components: Where you showcase or highlight your content. Examples include touts, call to action (CTA) and more.
    • Assets: Specialized, frozen content. Maps, catalog content and policies are the most common.
  • Use the elements guide for determining how these items should be used.
  • Make sure your content is accessible and legible to all.

Access and support

How to get access or request help for updating your website.

Key takeaways:

  • Know the steps for becoming a web editor.
  • Contact us or review our documentation if you need help.
  • Common support questions:
    • Directory and profiles: Profile details are updated by our office. Office location and phone number can be updated by the individual person.
    • Broken images in preview: Unpublished images won’t display in preview. You must publish the photo(s) for them to display in preview mode.
    • Forms: A work in progress. Minor edits to frozen forms can only be made by our office.

Download the full presentation: Hello Omni CMS, goodbye Web Press! (.pdf)

Celebrate Global Accessibility Awareness Day (GAAD) on May 19

by

The world celebrates digital access and inclusion with Global Accessibility Awareness Day (GAAD) on the third Thursday of May every year. More than one billion people worldwide have disabilities and impairments. GAAD gets people talking, thinking and learning about digital access and inclusion.

Creating accessible digital content is a must at Missouri State University. We know it can be a lot to think about, so here are some tips to keep in mind. We’ve also included some ways to join in virtually.

Find a GAAD virtual event

#SpotlightAccessibility – Spread positivity around accessibility by highlighting a great feature or product and learn about what others are using.

People with disabilities say these issues come up most often.

  • Videos that are missing captions.
  • Motion, animations and cluttered pages.
  • Auto play videos and auto-advancing slideshows.
  • Walls of text (long paragraphs and large chunks of text).
  • Small font size
  • Zooming problems: sites frequently break when size is increased by user.
  • Low contrasts and image of text: scan of a page of text saved as PDF produces an image of text.
  • Bright color schemes: white backgrounds can lead to migraines.
  • Relying only on color: this has long been a no-no, but still prevalent.
  • Mouse-focused sites: not usable on touch screens and difficult for users with motor impairments.
  • Too small touch-targets: thhis is the reason Missouri State University’s 2019 web redesign is so spacious.
  • CAPTCHAS: Keep out a lot more than bots.

Here’s what you can do to make your content more accessible.

While some of these items are automatically handled by MSU’s web templates, you still have an impact on many of of these items.

  • Don’t create a wall of text. Keep paragraphs to 2-4 sentences.
    • Content styled as Intro format should be brief; one or two short sentences plus 1-3 bullets. Anything longer isn’t introductory content.
  • Use headings to make an outline of your content.
  • Avoid images of text. When necessary, the alt text should contain all text in the image.
  • Don’t use heading markup (e.g., h3, h4) to make an “important” statement; consider a Notice Block instead.
  • Don’t use bold or italics for an entire sentence.
  • Use meaningful text for links; avoid brief abstract terms like read more or click here.
  • For web addresses, write descriptive link text.

Make sure you’re following the style guide.

  • In time references, use figures with a.m. and p.m throughout. Omit :00.
    • Examples: Summer office hours are 9 a.m. to 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.
  • Common Bear terms:
    • Bear CLAW
    • Bear Line
    • BearWear
    • BearFare
    • BearMail
    • BearPass
    • Bear Park North (South)
    • BoomerMeals
    • Bear Breaks

Resources

Editorial Style Guide

Web Accessibility Clinic

Omni CMS Documentation

Recap: Accessibility according to actual people with disabilities

by

This information is from a blog post that summarizes responses to a 2017 tweet by Safia Abdalla:

Tweet by Safia Abdalla @captainsafia.

Review the full post by Hampus Sethfors: Accessibility according to actual people with disabilities.

Biggest issues identified

  • Lack of captions
    • Primarily for video.
  • Motion, animations and cluttered pages
    • Includes auto play videos and auto-advancing slideshows.
  • Wall of text
    • Long paragraphs and large chunks of text.
  • Small font size
  • Zooming problems
    • Sites frequently break when size is increased by user.
  • Low contrasts and image of text
    • Scan of a page of text saved as PDF produces an image of text.
  • Bright color schemes
    • White background; can lead to migraines.
  • Relying only on color
    • Long been a no-no, but still prevalent.
  • Mouse-focused sites
    • Not usable on touch screens; difficult for users with motor impairments.
  • Too small touch-targets
    • This is the reason Missouri State University’s 2019 web redesign is so spacious.
  • CAPTCHAS
    • Keep out a lot more than bots.

What you can do

While some of these items are automatically handled by MSU’s 2019 web templates, you still have an impact on many of of these items.

  • Don’t create a wall of text. Keep paragraphs to 2-4 sentences.
    • Content styled as Intro format should be brief; one or two short sentences plus 1-3 bullets. Anything longer isn’t introductory content.
  • Use headings to make an outline of your content.
  • Avoid images of text. When necessary, the alt text should contain all text in the image.
  • Don’t use heading markup (e.g., h3, h4) to make an “important” statement; consider a Notice Block instead.
  • Don’t use bold or italics for an entire sentence.
  • Use meaningful text for links; avoid brief abstract terms like read more or click here.
  • For web addresses, write descriptive link text.

Make sure you’re following the style guide.

  • In time references, use figures with a.m. and p.m throughout. Omit :00.
    • Examples: Summer office hours are 9 a.m. to 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.
  • Common Bear terms:
    • Bear CLAW
    • Bear Line
    • BearWear
    • BearFare
    • BearMail
    • BearPass
    • Bear Park North (South)
    • BoomerMeals
    • Bear Breaks

Resources

Editorial Style Guide

Web Accessibility Clinic

Web Press Documentation

Update the COVID-19 messaging on your website

by

Web Press editors:

Have you posted a COVID-related notice or update on your website in the last 15 months?

It’s probably time to remove that messaging.

With campus returning to normal this fall, COVID policies are expiring.

You’re encouraged to review your site and assess any COVID-related messaging. This may include mask requirements, virtual appointments, online classes and more.

Contact us if you need help.

Removing or updating your COVID messaging is a great way to keep your audience and website visitors informed.

Other best practices

Recap: Social media for all (repost)

by

Missouri State University is committed to developing digital content that anybody can access and understand, regardless of their physical abilities. MSU’s information should be equally available to people who have disabilities including (but not limited to) visual, auditory and cognitive.

Social media for all

Accessible content helps everybody, even people who have no disabilities. Whether you’ve experienced a slow internet connection at home, accessed information on a mobile device or wanted to watch a video with the sound off, accessible practices make those tasks easier.

And it helps Missouri State enroll students, ensure legal compliance and support the public affairs mission.

Kevin Agee, a content strategist from the office of university communications, presented “Social media for all: Creating accessible content” via Zoom on Dec. 2. The presentation slides are now available.

Download the presentation slides (PDF)