Content Creator Playbook
Overview
Be an 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; especially as software and technology continue to 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
Recommended Training: from Level Access
The State of Texas EIR provides free digital accessibility training through Level Access. These courses have been selected for your role. To get started:
- Create a free account
- Select a course (approximate completion time is in parentheses)
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
Additional 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
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
- Percipio (UTMB staff only)
- Siteimprove
- Pluralsight (UTMB staff only)