Accessibility Updates

Tune up your website on May 16

by

When:  10 a.m.-noon Thursday, May 16
Where: Meyer Library room 106
Training: 10 a.m.

At 10 a.m. Brian Heaton and Kristeena Laroue will present a brief training session. Brian will cover the top five website accessibility issues. Kristeena will demonstrate access technology, so you can better understand how your website may be used.

After the session, you can grab a computer, discover accessibility issues and make corrections. Everyone that improves their website will be eligible to win a prize. The grand prize is free registration to the Web Accessibility Summit hosted by Missouri State on May 29.

So stop in, fix some errors and help us celebrate Global Accessibility Awareness Day.

Free bonus

We will also give you some tips to make your website more search engine friendly, so your pages appear more frequently in search results.

Learn best practices for accessibility

by

Join us for the 2019 Web Accessibility Summit, a conference about all things website accessibility for professionals in higher education and beyond, hosted this year by Missouri State University.

Details

When: May 29, 8 a.m. to 5 p.m.
Where: Missouri State University, Glass Hall
Cost: $40

Workshops and track sessions will focus on how to make your web presence more accessible with technical and non-technical solutions. Networking opportunities will encourage sharing of information and resources with colleagues from around the state.

Missouri State faculty and staff should register through My Learning Connection. You may use your noncredit fee waiver to cover conference registration costs.

Non-MSU faculty and staff can register now.

Seating is limited so don’t delay.

Organizers

Several Missouri higher education institutions are organizing this event:

University of Missouri logo. St. Louis Community College Missouri State University logo. Missouri State University - West Plains logo. Truman State University logo. Missouri University of Science and Technology logo. A.T. Still University logo. University of Missouri-Kansas City logo.

Recap: Making Your Statement in a Digital World

by

Web strategy and development staff members Kai Raymer and Erika Brame delivered a half-day training session Feb. 8 on digital marketing.

Whether you attended or couldn’t make it this time, here’s a recap and a chance to download slides and view video from Making Your Statement in a Digital World.

Key takeaways

Readability

Readability: The ease with witch a person can understand written content.

  • Two keys for readability: Concise text and scannable layout.
    • Use simple words and short sentences. Use headings so people and software can scan your content.
  • Write inverted pyramid style, not chronologically. Put the most important information near the top of your story, content and/or website.
  • Tools like Hemingway App and Yoast SEO can gauge and test the readability of your content.
  • Aim for a 6th-to-8th grade reading level for your content. Most people read at that level.
  • Prioritize what goes on your website. Don’t clutter. The more content and links you have, the less important everything becomes.
  • Know that readable content can help you:
    • Reach more people
    • Increase what they understand
    • Get them to act
    • Save money
  • No one wants to put extra effort into reading. Even smart people (deans, department heads, graduate students etc.).

Download readability slides (PDF)

You need Adobe Acrobat Reader to view and print these documents.

Social media

  • Share human – don’t be afraid to act like a human and interact with your audience one-on-one.
  • Set up a Facebook business account where people can find your contact information. Be prepared to respond to their questions.
  • Facebook ads can be helpful but use with a strategy for want you want to accomplish.
  • Third party platforms can help teams collaborate and offer insightful analytics.
  • Keep it simple. Not everything goes viral and that’s ok. Keep interacting with the audience.

Download social media slides (PDF)

You need Adobe Acrobat Reader to view and print these documents.

Accessibility

Accessibility helps people with disabilities or limited abilities better use the web.

  • Think of your website as a public space. Make accommodations for all users.
  • Not following accessibility standards could lead to lawsuits or legal trouble. Higher education websites are often targeted for accessibility issues.
    • Following accessibility standards will make your website better. You’ll improve SEO and reach more people.
  • Three staples of accessibility: alt text, headings and descriptive links.
    • Alt text is the text equivalent of a photo. Imagine you were describing the image to someone via text message or phone call.
    • Headings are vital for screen readers and give all visitors an easy outline of your website.
    • Descriptive links explain what the link offers. You shouldn’t have to read surrounding content for context. Don’t write “click here” for your links.
  • Use tools like WAVE and the Web Press accessibility checker. They’ll find accessibility issues on your website.
  • Follow our ongoing Accessibility blog series for the latest tips and strategies.

Download accessibility slides (PDF)

You need Adobe Acrobat Reader to view and print these documents.

Video

  • Think visual – when on location for an event share raw photos, but when promoting the event utilize photo services to help boost your presence.
  • Video is king across all platforms. Be sure to add captioning for accessibility and to increase views.
  • Measure your success based on the goals your team sets: more followers, increased engagement, more views, etc. Keep a log of your analytics so you can compare data from previous years.
  • Start thinking of ways you can add video to your workflow. Start slow and make goals for yourself for when and how often you want to post videos.
  • Don’t backlight your subject. Let the natural light work for you, not against you.

Download video slides (PDF)

You need Adobe Acrobat Reader to view and print these documents.

Watch on Zoom

For the first time, we live streamed the training through Zoom.

Watch the replay

Tune up your website on March 1 at the Web Accessibility Clinic

by

When: 1 – 2 p.m. Friday, March 1, 2019
Where: Cheek Hall room 100

Brian Heaton and Kristeena Laroue will present a brief training session. Brian will cover the top five website accessibility issues. Kristeena will demonstrate access technology, so you can better understand how your website may be used.

After the session, you can grab a computer, discover accessibility issues and make corrections.

Free bonus

We will also give you some tips to make your website more search engine friendly, so your pages appear more frequently in search results.

Recap: Fall 2018 Web Accessibility Clinic

by

Brian Heaton and Kristeena Laroue recently conducted a Web Accessibility Clinic. It was a comprehensive training session for identifying and correcting common accessibility issues with websites, including a screen reader demonstration.

Access the presentation

Key takeaways

Headings

  • Headings are an outline of your content.
  • 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.
  • Headings should make sense out of context.
  • Headings divide your content into consumable sections.

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 bolded 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; 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.

Screen readers

The screen reader demonstration showed typical page navigation and how page headings and links are frequently processed in a list. This emphasized how lists are consumed without benefit of the surrounding context, highlighting the importance of clear and complete heading and link text.

Hear your site on a screen reader

The testing center, located in Meyer Library Lower Level, room 010, has screen reader software installed and will have limited availability, with advance reservation. Please contact the testing center to make an appointment.

More assistance

Future sessions

The Web Accessibility Clinic is offered annually on the Global Accessibility Awareness Day (third Thursday in May), during the Disability Equity Week (October) and in early February.

Early in each semester a weekly open lab session will be focused on web accessibility where you can get one-on-one assistance with identifying and fixing accessibility issues on your website.

  • Friday, February 1, 2019, 2 – 4 p.m. Cheek Hall 100
  • Friday, June 7, 2019, 2 – 4 p.m. Meyer Alumni Center 601
  • Friday, August 30, 2019, 2 – 4 p.m., Cheek Hall 100