Below includes expanded context and resources for use with your Accessibility Bingo for CoE Faculty & Staff card. If you have additional questions after reviewing the resources below, please reach out to edhelp@uw.edu.
Create descriptive links.
When embedding links into content, descriptive link text should be unique within a page, should be meaningful when read out of context, and should help users to know something about their destination if they click on it. Consider the various ways users interact with links in your content when creating descriptive text for links.
URLs should generally be avoided as link text. They are difficult for screen reader users to understand and difficult for voice input users to express. Short URLs can sometimes be an exception. For example, “washington.edu” is easy to understand and easy to say.
Learn more about Links & Buttons in the UW-IT Digital Accessibility Checklist.
Use the Accessibility Checker to review a Word Document or PowerPoint in Microsoft Office.
Many of the programs we use on a daily basis, including Microsoft Office (O365) products, offer built-in accessibility checkers that make creating accessible content easy while also building your accessibility literacy and skills.
Never used the accessibility checker when creating content? Check out the Digital Accessibility Quick Cards for practical, easy-to-follow guidance for creating inclusive and usable content in Microsoft Office applications:
Add alternative text to an image or mark as decorative.
Users who are unable to see images depend on alternative text, often abbreviated as “alt text.” Alt text is a short description of the image, residing behind the scenes, where its purpose is to communicate the content of an image to people who can’t see it (for example, a person who is blind, using an audible screen reader or Braille device).
Alt text should be succinct, just enough text to communicate the idea without burdening the user with unnecessary detail. When screen readers encounter an image with alt text, they typically announce “Image” and then read the alt text.
Learn more about working with Images and Alt Text in the UW-IT Digital Accessibility Checklist.
Pick up an Accessibility Cube from the Tech Suite for your desk.
Stop by the CoE Tech Help Desk in Miller Hall 424 to pick up an Accessibility Cube!
This handy desk reminder highlights the main tenets of accessibility known as the POUR Principles. The POUR Principles reference that all digital content should be Perceivable, Operable, Understandable, & Robust.
Use at least a 12 pt font in any digital content.
When creating web content, you should be using 12 pt font as the minimum normal size of text. While all major desktop web browsers have built-in functionality that enables users to zoom in to elements on a page, 12 pt font is the recommended best practice.
Avoid using font color as the sole means of communication.
Regardless of the media you’re using to communicate, avoid using visual characteristics such as spatial references or color to communicate information. When providing instructions, consider whether the instructions are likely to make sense to a person who is blind, or to the person who is accessing the content of a video by reading a transcript.
Therefore it is important to avoid using color alone to communicate information. For example, if link text within a paragraph of text is designed to be recognizable solely by its color (e.g., black text, blue links), the links should also be underlined. Otherwise, users who are unable to perceive color differences may be unable to distinguish links from surrounding text.
Using text emphasis styles such as bold and italics are recommended to convey additional emphasis to text as these styles are announced by screen readers and other assistive technologies. Headings styles are also important when organizing and outlining content.
Learn more about working with Visual Characteristics including color in the UW-IT Digital Accessibility Checklist.
Create a list using the bullets, numbers, or letters button.
Whenever content on a web page or in a digital document can be described as a list of something, it should be created as a list, using the list features that are provided by the authoring tool (e.g., Microsoft Word). Most authoring tools provide one or more controls for adding unordered lists (with bullets) and ordered lists (with numbers).
When creating content, it is important to recognize when your content is a list of items. For example, university web pages often include lists of links, events, staff members, degree programs, and much more. When lists are explicitly created as lists, screen readers can inform their users that they have landed on a list and can provide additional information such as the number of items in the list, which is extremely helpful. It also facilitates navigation, as users can easily navigate between list items with a single keystroke.
Learn more about working with Lists in the UW-IT Digital Accessibility Checklist.
Apply a heading structure to a Word Document.
Headings and subheadings play a critical role in accessibility. Most web pages and documents include a main heading that identifies the title or main topic, and subheadings that identify the start of new sections. Visibly, headings typically appear in a larger, bolder font than the surrounding text. Headings benefit all users, as they keep content organized and help users quickly find the particular content they’re looking for. Virtually every document authoring format includes support for headings and subheadings.
Headings should form an outline of the page content (Heading 1 for the main heading, Heading 2 for the first level of sub-headings, etc.) and must be identified as such (Heading 1, Heading 2, etc.) using the heading features that are provided by the authoring tool.
This enables screen reader users to understand how the page is organized. If the heading structure skips or reverses heading levels, this breaks the outline and users have a much harder time figuring out the relationships between sections of the page.
Screen readers also have features that enable users to jump quickly between headings with a single keystroke, or to view an outline of the page created from its heading structure. This functionality makes it possible for screen reader users to navigate within a page with the same efficiency as sighted users.
Learn more about working with Headings in the UW-IT Digital Accessibility Checklist.
Check that the color contrast is accessible.
Another important note when it comes to using colors accessibly is to confirm that the colors you use have an acceptable color contrast ratio. Some users have difficulty perceiving text if there is too little contrast between foreground and background colors. The W3C Web Content Accessibility Guidelines (WCAG) 2.1 define specific contrast ratios that must be met in order comply at particular levels based on text size:
-
Level AA: 4.5:1
-
Level AA (large text): 3:1
-
Level AAA: 7:1
-
Level AAA (large text): 4.5:1
At the University of Washington, our goal is to meet the Level AA requirements.
Learn more about working with Color Contrast including links to recommended color contrast checkers in the UW-IT Digital Accessibility Checklist.
For those using branding colors, it's important to note that while the colors themselves might be individually accessible, when layering them together, some combinations might not meet minimum contrast ratios. For more information on working with branding colors accessibly, please review Digital Accessibility with Brand Colors.