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.
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
- Begin with a number
- 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
- Decide which type of list is appropriate
- If there's an order or importance to each item use a numbered list and list each item in order
- Items are of equal importance; use a bulleted list
- If there are multiple lists on a page, select the correct format for each list based on its contents
- 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
- Begin with a number
- 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
- Decide which type of list is appropriate
- If there's an order or importance to each item use a numbered list and list each item in order
- Items are of equal importance; use a bulleted list
- If there are multiple lists on a page, select the correct format for each list based on its contents
- 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
- Begin with a number
- 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
- Decide which type of list is appropriate
- If there's an order or importance to each item use a numbered list and list each item in order
- Items are of equal importance; use a bulleted list
- If there are multiple lists on a page, select the correct format for each list based on its contents
- 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
- Begin with a number
- 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
- Decide which type of list is appropriate
- If there's an order or importance to each item use a numbered list and list each item in order
- Items are of equal importance; use a bulleted list
- If there are multiple lists on a page, select the correct format for each list based on its contents
- 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
- Begin with a number
- 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
- Decide which type of list is appropriate
- If there's an order or importance to each item use a numbered list and list each item in order
- Items are of equal importance; use a bulleted list
- If there are multiple lists on a page, select the correct format for each list based on its contents
- 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
- Begin with a number
- 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
- Decide which type of list is appropriate
- If there's an order or importance to each item use a numbered list and list each item in order
- Items are of equal importance; use a bulleted list
- If there are multiple lists on a page, select the correct format for each list based on its contents
- 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
- Begin with a number
- 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
- Decide which type of list is appropriate
- If there's an order or importance to each item use a numbered list and list each item in order
- Items are of equal importance; use a bulleted list
- If there are multiple lists on a page, select the correct format for each list based on its contents
- 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
- Begin with a number
- 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
- Decide which type of list is appropriate
- If there's an order or importance to each item use a numbered list and list each item in order
- Items are of equal importance; use a bulleted list
- If there are multiple lists on a page, select the correct format for each list based on its contents
- 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