4. Use Bullets, Numbers, & Tables

Create ordered (numbered Numbered list icon in Atto Text Editor toolbar) and unordered (bullet point Bulleted list icon in Atto Text Editor toolbar) lists, so that they are properly formatted and can be appropriately recognized by screen readers. Using spaces does not always guarantee formatting because people will be interacting with the Moodle on many different devices and sizes of screens.


Also, opt for lists instead of tables whenever possible. But if you do create tables Create a table icon in Atto Text Editor toolbar to present data, use captions and define table headers for columns and rows so that they are properly formatted and can be seen at quick glance and appropriately recognized by screen readers.

Screenshot of pop-up Create Table options in Atto Text Editor

Banana peel
Accessibility Pitfall

In earlier days of web design, tables were often used not to represent data, but to create formatting and spacing for images and elements on webpages. This practice is now frowned upon, not just for accessibility reasons (decorative tables drive screen readers crazy), but also because tables just don't work very well on a variety of screen sizes (such as phones). In general, you should avoid creating tables for decorative purposes.

If you find that you are still using materials or pointing students to websites that use decorative tables, try to upgrade these materials to more accessible and mobile-friendly versions as soon as possible.


Citations and links: