Lists

Overview

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. 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.

 

Lists in Webpages

Whenever content on a web page 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.

Techniques using HTML

In HTML, code your lists using <ul> (unordered list, usually displayed with bullets) or <ol> (ordered list, usually displayed with numbers), depending on whether the order of list items is important.

The <dl> (definition list) element is sometimes appropriate as well, for example to markup definitions in a policy or contract, vocabulary terms in a lesson, or frequently asked questions. However, screen readers do not currently differentiate between definition lists and unordered lists, so using this element is optional, but not a bad idea when it’s the correct choice for accurately representing the semantics of the content.

Lists in Documents

Whenever content on a web page 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.

Techniques using word processing software

Most document authoring tools, including Microsoft Word, Google Docs, and others, include multiple buttons on their toolbars for adding lists to documents. The following screenshot shows the ribbon in Microsoft Word, which includes buttons for “Bullets”, “Numbering”, and “Multilevel list”. Each of these buttons has a pop-up menu that allows for a high level of customization.

Screenshot of the toolbar in Microsoft Word, with the bulleted list pop-up menu expanded

Lists in D2L

Whenever content on a web page 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.

Techniques using D2L

D2L has an editor that include multiple buttons on their toolbar for adding lists to web pages. The following screenshot shows the “Bulleted List” and “Numbered List” buttons in D2L's HTML editor.

html editor in D2L