Content Creator Playbook: For everyone

Overview

Be a digital ally: create accessible content

We can all create accessible digital content by using plain language, readable fonts and colors, and using tools like accessibility checkers to proof our content before sharing it. In the same way that we use spell check features so our email and documents are free from spelling errors, we can use accessibility checkers to minimize accessibility errors in our content. Learn the plays below and commit to making content that is accessible to everyone.

Content last updated: 12/5/24
Review quarterly

Just like security, digital accessibility requirements will evolve as software and technology develop.

Digital Accessibility Plays: Instructions for all roles

Select a card to learn each play:

Lists are used correctly

Overview

There are two kinds of lists; ordered (numbered) and unordered (bulleted).

Ordered lists

  1. Begin with a number
  2. Indicate an order or level of importance to each item

Accessibility tip: A screen reader would read this list as, "Ordered lists, list with three items. One, begin with a number. Two, Indicate an order or level of importance to each item"

Bulleted lists 

  • Begin with bullets
  • Items have equal importance

Accessibility tip: A screen reader would read this list as, "Bulleted lists, list with two items. Bullet, begin with bullets Bullet, Items have equal importance"

Remember to
  1. Decide which type of list is appropriate
  2. If there's an order or importance to each item use a numbered list and list each item in order
  3. Items are of equal importance; use a bulleted list
  4. If there are multiple lists on a page, select the correct format for each list based on its contents
  5. If there are multiple numbered lists, be sure to restart numbering for each new list of items
Accessibility tips
  • Use the built-in list formatting for each application to create the list so that screen readers will indicate it is a list
  • Web content creators and developers - these break the way that screen readers handle lists and shouldn't be used
    • list-style-type: none;
    • display : inline;

Relates to: WCAG 1.3.1 Info and Relationships

Lists are used correctly

Overview

There are two kinds of lists; ordered (numbered) and unordered (bulleted).

Ordered lists

  1. Begin with a number
  2. Indicate an order or level of importance to each item

Accessibility tip: A screen reader would read this list as, "Ordered lists, list with three items. One, begin with a number. Two, Indicate an order or level of importance to each item"

Bulleted lists 

  • Begin with bullets
  • Items have equal importance

Accessibility tip: A screen reader would read this list as, "Bulleted lists, list with two items. Bullet, begin with bullets Bullet, Items have equal importance"

Remember to
  1. Decide which type of list is appropriate
  2. If there's an order or importance to each item use a numbered list and list each item in order
  3. Items are of equal importance; use a bulleted list
  4. If there are multiple lists on a page, select the correct format for each list based on its contents
  5. If there are multiple numbered lists, be sure to restart numbering for each new list of items
Accessibility tips
  • Use the built-in list formatting for each application to create the list so that screen readers will indicate it is a list
  • Web content creators and developers - these break the way that screen readers handle lists and shouldn't be used
    • list-style-type: none;
    • display : inline;

Relates to: WCAG 1.3.1 Info and Relationships

Recommended Training: from Level Access

Step 1: Create a Level Access account

Lists are used correctly

Overview

There are two kinds of lists; ordered (numbered) and unordered (bulleted).

Ordered lists

  1. Begin with a number
  2. Indicate an order or level of importance to each item

Accessibility tip: A screen reader would read this list as, "Ordered lists, list with three items. One, begin with a number. Two, Indicate an order or level of importance to each item"

Bulleted lists 

  • Begin with bullets
  • Items have equal importance

Accessibility tip: A screen reader would read this list as, "Bulleted lists, list with two items. Bullet, begin with bullets Bullet, Items have equal importance"

Remember to
  1. Decide which type of list is appropriate
  2. If there's an order or importance to each item use a numbered list and list each item in order
  3. Items are of equal importance; use a bulleted list
  4. If there are multiple lists on a page, select the correct format for each list based on its contents
  5. If there are multiple numbered lists, be sure to restart numbering for each new list of items
Accessibility tips
  • Use the built-in list formatting for each application to create the list so that screen readers will indicate it is a list
  • Web content creators and developers - these break the way that screen readers handle lists and shouldn't be used
    • list-style-type: none;
    • display : inline;

Relates to: WCAG 1.3.1 Info and Relationships

Step 2: Take each course to learn the basics of digital accessibility.
First, Login to Level Access: (Note: Accounts created prior to December 5, may need to reset their password)

Lists are used correctly

Overview

There are two kinds of lists; ordered (numbered) and unordered (bulleted).

Ordered lists

  1. Begin with a number
  2. Indicate an order or level of importance to each item

Accessibility tip: A screen reader would read this list as, "Ordered lists, list with three items. One, begin with a number. Two, Indicate an order or level of importance to each item"

Bulleted lists 

  • Begin with bullets
  • Items have equal importance

Accessibility tip: A screen reader would read this list as, "Bulleted lists, list with two items. Bullet, begin with bullets Bullet, Items have equal importance"

Remember to
  1. Decide which type of list is appropriate
  2. If there's an order or importance to each item use a numbered list and list each item in order
  3. Items are of equal importance; use a bulleted list
  4. If there are multiple lists on a page, select the correct format for each list based on its contents
  5. If there are multiple numbered lists, be sure to restart numbering for each new list of items
Accessibility tips
  • Use the built-in list formatting for each application to create the list so that screen readers will indicate it is a list
  • Web content creators and developers - these break the way that screen readers handle lists and shouldn't be used
    • list-style-type: none;
    • display : inline;

Relates to: WCAG 1.3.1 Info and Relationships

Select to open courses in this tab (Right-select to open in a new tab)

Lists are used correctly

Overview

There are two kinds of lists; ordered (numbered) and unordered (bulleted).

Ordered lists

  1. Begin with a number
  2. Indicate an order or level of importance to each item

Accessibility tip: A screen reader would read this list as, "Ordered lists, list with three items. One, begin with a number. Two, Indicate an order or level of importance to each item"

Bulleted lists 

  • Begin with bullets
  • Items have equal importance

Accessibility tip: A screen reader would read this list as, "Bulleted lists, list with two items. Bullet, begin with bullets Bullet, Items have equal importance"

Remember to
  1. Decide which type of list is appropriate
  2. If there's an order or importance to each item use a numbered list and list each item in order
  3. Items are of equal importance; use a bulleted list
  4. If there are multiple lists on a page, select the correct format for each list based on its contents
  5. If there are multiple numbered lists, be sure to restart numbering for each new list of items
Accessibility tips
  • Use the built-in list formatting for each application to create the list so that screen readers will indicate it is a list
  • Web content creators and developers - these break the way that screen readers handle lists and shouldn't be used
    • list-style-type: none;
    • display : inline;

Relates to: WCAG 1.3.1 Info and Relationships

Step 3: Sign up for free webinars. (Right-select to open in a new tab)

Lists are used correctly

Overview

There are two kinds of lists; ordered (numbered) and unordered (bulleted).

Ordered lists

  1. Begin with a number
  2. Indicate an order or level of importance to each item

Accessibility tip: A screen reader would read this list as, "Ordered lists, list with three items. One, begin with a number. Two, Indicate an order or level of importance to each item"

Bulleted lists 

  • Begin with bullets
  • Items have equal importance

Accessibility tip: A screen reader would read this list as, "Bulleted lists, list with two items. Bullet, begin with bullets Bullet, Items have equal importance"

Remember to
  1. Decide which type of list is appropriate
  2. If there's an order or importance to each item use a numbered list and list each item in order
  3. Items are of equal importance; use a bulleted list
  4. If there are multiple lists on a page, select the correct format for each list based on its contents
  5. If there are multiple numbered lists, be sure to restart numbering for each new list of items
Accessibility tips
  • Use the built-in list formatting for each application to create the list so that screen readers will indicate it is a list
  • Web content creators and developers - these break the way that screen readers handle lists and shouldn't be used
    • list-style-type: none;
    • display : inline;

Relates to: WCAG 1.3.1 Info and Relationships

Additional Accessibility Training: From UTMB Partners

This accessibility training may not be as current

Lists are used correctly

Overview

There are two kinds of lists; ordered (numbered) and unordered (bulleted).

Ordered lists

  1. Begin with a number
  2. Indicate an order or level of importance to each item

Accessibility tip: A screen reader would read this list as, "Ordered lists, list with three items. One, begin with a number. Two, Indicate an order or level of importance to each item"

Bulleted lists 

  • Begin with bullets
  • Items have equal importance

Accessibility tip: A screen reader would read this list as, "Bulleted lists, list with two items. Bullet, begin with bullets Bullet, Items have equal importance"

Remember to
  1. Decide which type of list is appropriate
  2. If there's an order or importance to each item use a numbered list and list each item in order
  3. Items are of equal importance; use a bulleted list
  4. If there are multiple lists on a page, select the correct format for each list based on its contents
  5. If there are multiple numbered lists, be sure to restart numbering for each new list of items
Accessibility tips
  • Use the built-in list formatting for each application to create the list so that screen readers will indicate it is a list
  • Web content creators and developers - these break the way that screen readers handle lists and shouldn't be used
    • list-style-type: none;
    • display : inline;

Relates to: WCAG 1.3.1 Info and Relationships

Additional Resources

UTMB Resources

Lists are used correctly

Overview

There are two kinds of lists; ordered (numbered) and unordered (bulleted).

Ordered lists

  1. Begin with a number
  2. Indicate an order or level of importance to each item

Accessibility tip: A screen reader would read this list as, "Ordered lists, list with three items. One, begin with a number. Two, Indicate an order or level of importance to each item"

Bulleted lists 

  • Begin with bullets
  • Items have equal importance

Accessibility tip: A screen reader would read this list as, "Bulleted lists, list with two items. Bullet, begin with bullets Bullet, Items have equal importance"

Remember to
  1. Decide which type of list is appropriate
  2. If there's an order or importance to each item use a numbered list and list each item in order
  3. Items are of equal importance; use a bulleted list
  4. If there are multiple lists on a page, select the correct format for each list based on its contents
  5. If there are multiple numbered lists, be sure to restart numbering for each new list of items
Accessibility tips
  • Use the built-in list formatting for each application to create the list so that screen readers will indicate it is a list
  • Web content creators and developers - these break the way that screen readers handle lists and shouldn't be used
    • list-style-type: none;
    • display : inline;

Relates to: WCAG 1.3.1 Info and Relationships

Have digital accessibility questions or site feedback?  Email the digital accessibility team.