Developer & Programmer Playbook

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

  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

Power Playbooks: Advanced playbooks for your specific role

Review quarterly:

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.
Selecting a card opens the course in this tab; you can right-select to open courses 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: Check out the Live Training calendar for free training webinars

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 4: Take Developer-specific courses

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

Learn more about screen readers

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