Blog

ACCESSIBLE VIDEOS: Include Product Numbers in Video Titles and Descriptions

Close-up of waving flag with YouTube logo, editorial 3D rendering United States

Publishing product videos on YouTube? Be sure to include the product number in the video title and description. Make the search inclusive for all prospects who use product numbers in their search queries.

===

WEBSITE ACCESSIBILITY TESTING & REMEDIATION SERVICES: Mary Gillen is an experienced Website Accessibility Compliance Auditor and Remediator. She can test your website to determine if it meets accessibility standards:

WCAG 2.1: 312 checkpoints covering A, AA and AAA W3 accessibility guidelines
Section 508: 15 US federal guidelines covered by 59 accessibility checkpoints

Find out more about Mary Gillen’s Accessibility Testing & Remediation Services: Websites, PDFs, Office Docs & Videos

===

EMAIL CAMPAIGNS: Four Tips to Help You Make Your Emails More Accessible

Vector flat colorful icon with fly letter. Email messaging concept

1) Choose fonts that make things easier to read

Verdana, Tahoma, Trebuchet MS and Georgia are font families developed specifically for reading content displayed on a computer screen. These sans-serif fonts make content most readable.

2) Align content to the left

Your copy should be aligned to the left. Don’t ever use justified text. Folks who have dyslexia will find your content difficult to read.

3) Pay attention to vertical line spacing

The vertical space between lines of type is called leading. Leading is measured from the baseline of one line of text to the baseline of the line above it.

Baseline to baseline how to determine vertical spacing for text
Best Practice: Ensure that line spacing is at least half the height of the text, with paragraph spacing 1.5 times the height of text.

4) Set headings in ems or percentage (%) increments (not pixels) to separate content

Use font sizes in either ems or % increments. This gives users control over increasing or decreasing the text sizes in your email content. Headings need to be at least 22px (1.3750em or 137.50%) in order to separate them from 14px (0.875em or 87.5%) email copy.

===

WEBSITE ACCESSIBILITY TESTING & REMEDIATION SERVICES: Mary Gillen is an experienced Website Accessibility Compliance Auditor and Remediator. She can test your website to determine if it meets accessibility standards:

WCAG 2.1: 312 checkpoints covering A, AA and AAA W3 accessibility guidelines
Section 508: 15 US federal guidelines covered by 59 accessibility checkpoints

Find out more about Mary Gillen’s Accessibility Testing & Remediation Services: Websites, PDFs, Office Docs & Videos

===

SOCIAL MEDIA: Two Ways to Make Your Twitter Tweets More Accessible

Twitter blue logo on wood background

1) Add Alt Tags to photos you include in your Tweets

When you Tweet photos using the Twitter app for iOS or Android, or on twitter.com, be sure to compose a description of each image you post so the content is accessible to people who are visually impaired.

Here’s how to enable the Compose image descriptions setting in Twitter:

a) Log in to your Twitter account.
b) Click on your profile icon and select Settings and privacy from the dropdown (or press the “g” key quickly, followed by the “s” key).
c) Click Accessibility from the list of settings.

Accessibility Setting Dialog Menu in Twitter
d) Find the Compose image descriptions checkbox.
e) Check the box to turn the setting on.
f) Click Save changes.

Once you add an image to your Tweet

a) Click the Add description option.
Twitter Post Window - Add a description

b) On the next screen you will have the opportunity to “Describe this photo for the visually impaired.”

Twitter Image block that allows entry of an ALT tag for a post image

NOTE: The image description is limited is 420 characters.

2) Make your links accessible

Including a hyperlink in your Tweet. You should indicate what type of file it leads to by adding [PIC], [VIDEO], [AUDIO] or [PDF] to the right of the link so screen reader users will know what they will find when they follow the link.

Sample Twitter Tweet depicting correct way to add accessible file link identifier

===

WEBSITE ACCESSIBILITY TESTING & REMEDIATION SERVICES: Mary Gillen is an experienced Website Accessibility Compliance Auditor and Remediator. She can test your website to determine if it meets accessibility standards:

WCAG 2.1: 312 checkpoints covering A, AA and AAA W3 accessibility guidelines
Section 508: 15 US federal guidelines covered by 59 accessibility checkpoints

Find out more about Mary Gillen’s Accessibility Testing & Remediation Services: Websites, PDFs, Office Docs & Videos

===

ACCESSIBLE WEBSITE CONTENT: Five Steps to Plain Language

Communications illustration two men talking and not communicating well

Plain language benefits all website visitors, especially people with cognitive disabilities, low reading literacy, and individuals who speak English as a second language. 

According to the folks at The Center for Plain Language: “A communication is in plain language if its wording, structure, and design are so clear that the intended readers can easily find what they need, understand what they find, and use that information.”

Check out The Center’s five-step checklist that can guide you through the plain language process and help you develop content that’s accessible for all.

Read the checklist now.

===

WEBSITE ACCESSIBILITY TESTING & REMEDIATION SERVICES: Mary Gillen is an experienced Website Accessibility Compliance Auditor and Remediator. She can test your website to determine if it meets accessibility standards:

WCAG 2.1: 312 checkpoints covering A, AA and AAA W3 accessibility guidelines
Section 508: 15 US federal guidelines covered by 59 accessibility checkpoints

Find out more about Mary Gillen’s Accessibility Testing & Remediation Services: Websites, PDFs, Office Docs & Videos

===

TOOL: Create Accessible Equations with MathML Cloud

A fantasy cloudscape with stars overlaid with a vintage, textured watercolor paper background.

MathML Cloud is an open source tool that makes it faster, easier, and cheaper for traditional publishing houses and authoring platform providers to create math content that is accessible to all readers.

Take MathML Cloud out for a drive now.

===

WEBSITE ACCESSIBILITY TESTING & REMEDIATION SERVICES: Mary Gillen is an experienced Website Accessibility Compliance Auditor and Remediator. She can test your website to determine if it meets accessibility standards:

WCAG 2.1: 312 checkpoints covering A, AA and AAA W3 accessibility guidelines
Section 508: 15 US federal guidelines covered by 59 accessibility checkpoints

Find out more about Mary Gillen’s Accessibility Testing & Remediation Services: Websites, PDFs, Office Docs & Videos

===

VIDEO: How a Blind Person Uses a Computer

Tommy Edison, who has been blind since birth, uses humor to answer the most popular questions about living without sight, takes on more challenges which test his other senses, and goes on adventures that allow him to experience things for the first time.

In this video, Tommy shows how he uses the computer to send an email. The MacBook Pro has an Accessibility preference called Voice Over which reads the screen to him.

===

WEBSITE ACCESSIBILITY TESTING & REMEDIATION SERVICES: Mary Gillen is an experienced Website Accessibility Compliance Auditor and Remediator. She can test your website to determine if it meets accessibility standards:

WCAG 2.1: 312 checkpoints covering A, AA and AAA W3 accessibility guidelines
Section 508: 15 US federal guidelines covered by 59 accessibility checkpoints

Find out more about Mary Gillen’s Accessibility Testing & Remediation Services: Websites, PDFs, Office Docs & Videos

===

WEB CONTENT TIP: How to Emphasize Content for the Visually-Impaired

Hispanic blind man with disability. Visually impaired man using Digital Assistant and Ease of Access functions on mobile phone, voice typing to smartphone

To highlight a message directed only to screen reader users who are visually-impaired, you can hide the message from visual users by using CSS to place the message off the left side of the screen:

EXAMPLES

<span style=”position:absolute; left:-1000px;”>Attention! Message Text Here.</span>

<span style=”position:absolute; left:-1000px;”>Please Note! Message Text Here.</span>

===

WEBSITE ACCESSIBILITY TESTING & REMEDIATION SERVICES: Mary Gillen is an experienced Website Accessibility Compliance Auditor and Remediator. She can test your website to determine if it meets accessibility standards:

WCAG 2.1: 312 checkpoints covering A, AA and AAA W3 accessibility guidelines
Section 508: 15 US federal guidelines covered by 59 accessibility checkpoints

Find out more about Mary Gillen’s Accessibility Testing & Remediation Services: Websites, PDFs, Office Docs & Videos

===

TOOL: Identify Seizure Risks in Your Website Content

a medical background with a man and epilepsy waves

The Trace Center’s Photosensitive Epilepsy Analysis Tool (PEAT) is a free, downloadable resource for developers to identify seizure risks in their web content and software. The evaluation used by PEAT is based on an analysis engine developed specifically for web and computer applications.

PEAT can help authors determine whether animations or video in their content are likely to cause seizures. Not all content needs to be evaluated by PEAT, but content that contains video or animation should be evaluated, especially if that content contains flashing or rapid transitions between light and dark background colors.

Download the PEAT tool now.

===

WEBSITE ACCESSIBILITY TESTING & REMEDIATION SERVICES: Mary Gillen is an experienced Website Accessibility Compliance Auditor and Remediator. She can test your website to determine if it meets accessibility standards:

WCAG 2.1: 312 checkpoints covering A, AA and AAA W3 accessibility guidelines
Section 508: 15 US federal guidelines covered by 59 accessibility checkpoints

Find out more about Mary Gillen’s Accessibility Testing & Remediation Services: Websites, PDFs, Office Docs & Videos

===

ACCESSIBLE WEBSITES: Test Your Content for Readability

Happy smiling little girl reading interesting book in the park.

How readable is your website?

Users with learning disabilities, reading disorders, or who speak English as a second language may have a difficult time understanding your content.

Typical factors that affect readability include:

  • Average sentence length
  • Syllable count
  • Percentage of multi-syllable words
  • Average word length
  • Familiarity of words
  • Complexity of sentences

For better readability, follow these basic tips:

One idea.
Be sure each paragraph focuses on one idea. This makes content easier to remember and digest.

Shorter line length.
Design for a line length between 45 and 75 characters. This makes the text easier to read on the screen. If the line is too long, folks with cognitive issues may lose focus and stop reading.

Simple language. Complex language can pose problems for users, especially those with cognitive disabilities or who aren’t fluent in the language.

Tools for testing readability

Hemingway Editor
>> http://www.hemingwayapp.com

Screenshot of Hemingway Editor Home Page

The Hemingway Editor is like a spellchecker, but for style and readability. This free online tool reports your content readability issues by highlighting content sections in different colors.

Readable
>> https://readable.io

Readable Logo

Readable.io uses tried and tested readability algorithms, as well as proprietary scoring systems, to analyze the readability of your website or text and recommend ways to improve upon it. This is a paid service, but you can take the tool for a test drive by requesting a demo of how it works.

===

WEBSITE ACCESSIBILITY TESTING & REMEDIATION SERVICES: Mary Gillen is an experienced Website Accessibility Compliance Auditor and Remediator. She can test your website to determine if it meets accessibility standards:

WCAG 2.1: 312 checkpoints covering A, AA and AAA W3 accessibility guidelines
Section 508: 15 US federal guidelines covered by 59 accessibility checkpoints

Find out more about Mary Gillen’s Accessibility Testing & Remediation Services: Websites, PDFs, Office Docs & Videos

===

WEB DEV ACCESSIBILITY TIP: When Meta Refresh Sours

Keyboard with Refresh button, internet concept

Using meta refresh tags on your website pages?

Warning

If you have set a META REFRESH element with a non-zero timeout to automatically refresh the page in a certain number of seconds, this causes an unexpected interruption for screen reader users. This also takes control of the website page away from the user.

Example

<meta http-equiv=”refresh” content=”10″>

Best Practice

If you have to use a META REFRESH element, set the refresh time to zero. This will prompt an immediate redirect, and will not be perceived as a change of context.

<meta http-equiv=”refresh” content=”0″>

===

WEBSITE ACCESSIBILITY TESTING & REMEDIATION SERVICES: Mary Gillen is an experienced Website Accessibility Compliance Auditor and Remediator. She can test your website to determine if it meets accessibility standards:

WCAG 2.1: 312 checkpoints covering A, AA and AAA W3 accessibility guidelines
Section 508: 15 US federal guidelines covered by 59 accessibility checkpoints

Find out more about Mary Gillen’s Accessibility Testing & Remediation Services: Websites, PDFs, Office Docs & Videos

===