{"id":8599,"date":"2026-04-22T08:07:58","date_gmt":"2026-04-22T14:07:58","guid":{"rendered":"https:\/\/www.macalester.edu\/its\/?page_id=8599"},"modified":"2026-06-04T13:49:01","modified_gmt":"2026-06-04T19:49:01","slug":"lists","status":"publish","type":"page","link":"https:\/\/www.macalester.edu\/its\/academic-technology-services-2\/digital-accessibility-guidelines\/lists\/","title":{"rendered":"Lists"},"content":{"rendered":"<h2 class=\"wp-block-heading\">The What<\/h2>\n\n\n\n<p>On the face of them, lists are fairly straightforward. They are strings of vertically aligned items that provide clear visual grouping and reduce cognitive load by making each item easier to parse. However, not all lists are created equal. Properly formatted lists both group objects in ways that are visually clear and communicate groupings to screen readers.<\/p>\n\n\n<section class=\"callout-feature-text block-container\" >\n    <div class=\"callout-feature-text__inner\">\n        <div class=\"callout-feature-text__container\">\n            <div class=\"callout-feature-text__feature-wrapper\">\n                <div class=\"callout-feature-text__feature-card\">\n                    <div class=\"base-lockup\">\n                                                                            <h2 class=\"base-lockup__heading\">Applying the Concept<\/h2>\n                                                                            <p class=\"base-lockup__copy\">On this page, there is an unordered list within the <b>Level 2: Refining Your Approach<\/b> section. One clue that this may be a properly formatted list is that it is indented and has an icon (rather than a typed symbol) before each list item. Because it was created using list formatting, it is visually distinct from the text around it, and each item is also visually distinct.<\/p>\n                                            <\/div>\n                                     <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<h2 class=\"wp-block-heading\">The How<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Level 1: Making a Start<\/h3>\n\n\n\n<p>When you find yourself wanting to create a list, use list formatting to create a true list rather than merely putting a symbol before each item. Use unordered (bulleted) lists when the order of items doesn&#8217;t matter. Use ordered (numbered) lists when the order of items is necessary for understanding the content. For example, if you&#8217;re creating a list of book recommendations, use an unordered list. If you&#8217;re sharing a recipe, use an ordered list.<\/p>\n\n\n\n<p>Only use a list when there is more than one item in the list. And don&#8217;t forget to remove any empty list items before sharing!<\/p>\n\n\n\n<p>Use the links below to learn how to create lists across common software used at Mac.<\/p>\n\n\n<section class=\"link-group block-container\" >\n        <div class=\"link-group__links-row\">\n        <ul class=\"link-group__link link-group__link--\">\n        \t                <li class=\"link-group__link-item\">\n                    <a class=\"base-cta-featured\" href=\"https:\/\/youtu.be\/zvv5TVm1DZo\" target=\"_self\">\n\t\t\t\t\t    Creating Lists in Microsoft Word\n\t\t\t\t\t    <svg aria-hidden=\"true\" class=\"base-symbol base-cta-featured__arrow\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t    <use xlink:href=\"\/wp-content\/themes\/macalester-2020\/dist\/svgs\/symbol-arrow.svg#icon\"\/>\n\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t<\/a>\n                <\/li>\n                            <li class=\"link-group__link-item\">\n                    <a class=\"base-cta-featured\" href=\"https:\/\/youtu.be\/rHJXr6lwMA4\" target=\"_self\">\n\t\t\t\t\t    Creating Lists in Google Docs\n\t\t\t\t\t    <svg aria-hidden=\"true\" class=\"base-symbol base-cta-featured__arrow\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t    <use xlink:href=\"\/wp-content\/themes\/macalester-2020\/dist\/svgs\/symbol-arrow.svg#icon\"\/>\n\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t<\/a>\n                <\/li>\n                            <li class=\"link-group__link-item\">\n                    <a class=\"base-cta-featured\" href=\"https:\/\/youtu.be\/lkUm2bMEDOM\" target=\"_self\">\n\t\t\t\t\t    Creating Lists in Moodle\n\t\t\t\t\t    <svg aria-hidden=\"true\" class=\"base-symbol base-cta-featured__arrow\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t    <use xlink:href=\"\/wp-content\/themes\/macalester-2020\/dist\/svgs\/symbol-arrow.svg#icon\"\/>\n\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t<\/a>\n                <\/li>\n                            <li class=\"link-group__link-item\">\n                    <a class=\"base-cta-featured\" href=\"https:\/\/youtu.be\/OlSv8PXyxyk\" target=\"_self\">\n\t\t\t\t\t    Creating Lists in Gmail\n\t\t\t\t\t    <svg aria-hidden=\"true\" class=\"base-symbol base-cta-featured__arrow\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t    <use xlink:href=\"\/wp-content\/themes\/macalester-2020\/dist\/svgs\/symbol-arrow.svg#icon\"\/>\n\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t<\/a>\n                <\/li>\n                    <\/ul>\n    <\/div>\n<\/section>\n\n\n\n<h3 class=\"wp-block-heading\">Level 2: Refining Your Approach<\/h3>\n\n\n\n<p>Ready for one more consideration? <\/p>\n\n\n\n<p>If you notice yourself creating strings of information in prose form, consider using a list instead, to increase legibility.<\/p>\n\n\n\n<p>For example, if we want to communicate that lists can help improve experiences for readers with dyslexia, ADHD, screen readers, text-to-speech software, or emotional dysregulation, we might write that lists can help improve experiences for readers with:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>dyslexia<\/li>\n\n\n\n<li>ADHD<\/li>\n\n\n\n<li>screen readers<\/li>\n\n\n\n<li>text-to-speech software<\/li>\n\n\n\n<li>emotional dysregulation<\/li>\n<\/ul>\n\n\n\n<p>The grouped items are easier to parse and find visually on the page. This reformatting is especially helpful when list items contain long phrases that create extra-long sentences. Additionally, by using proper list formatting, we&#8217;ve ensured that someone using a screen reader can easily find the list, too.<\/p>\n\n\n\n<p><strong>Bonus content:<\/strong> Want to style your unordered list, so there&#8217;s a different symbol next to each list item? Check out the following videos.<\/p>\n\n\n<section class=\"link-group block-container\" >\n        <div class=\"link-group__links-row\">\n        <ul class=\"link-group__link link-group__link--\">\n        \t                <li class=\"link-group__link-item\">\n                    <a class=\"base-cta-featured\" href=\"https:\/\/youtu.be\/trGZHpGneQI\" target=\"_self\">\n\t\t\t\t\t    Styling Lists in Microsoft Word\n\t\t\t\t\t    <svg aria-hidden=\"true\" class=\"base-symbol base-cta-featured__arrow\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t    <use xlink:href=\"\/wp-content\/themes\/macalester-2020\/dist\/svgs\/symbol-arrow.svg#icon\"\/>\n\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t<\/a>\n                <\/li>\n                            <li class=\"link-group__link-item\">\n                    <a class=\"base-cta-featured\" href=\"https:\/\/youtu.be\/RYSxcuc229I\" target=\"_self\">\n\t\t\t\t\t    Styling Lists in Google Docs\n\t\t\t\t\t    <svg aria-hidden=\"true\" class=\"base-symbol base-cta-featured__arrow\" viewbox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n\t\t\t\t\t\t    <use xlink:href=\"\/wp-content\/themes\/macalester-2020\/dist\/svgs\/symbol-arrow.svg#icon\"\/>\n\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t<\/a>\n                <\/li>\n                    <\/ul>\n    <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>The What On the face of them, lists are fairly straightforward. They are strings of vertically aligned items that provide clear visual grouping and reduce cognitive load by making each item easier to parse. However, not all lists are created equal. Properly formatted lists both group objects in ways that are visually clear and communicate [&hellip;]<\/p>","protected":false},"author":1419,"featured_media":0,"parent":8515,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-8599","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.macalester.edu\/its\/wp-json\/wp\/v2\/pages\/8599","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.macalester.edu\/its\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.macalester.edu\/its\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.macalester.edu\/its\/wp-json\/wp\/v2\/users\/1419"}],"replies":[{"embeddable":true,"href":"https:\/\/www.macalester.edu\/its\/wp-json\/wp\/v2\/comments?post=8599"}],"version-history":[{"count":14,"href":"https:\/\/www.macalester.edu\/its\/wp-json\/wp\/v2\/pages\/8599\/revisions"}],"predecessor-version":[{"id":9021,"href":"https:\/\/www.macalester.edu\/its\/wp-json\/wp\/v2\/pages\/8599\/revisions\/9021"}],"up":[{"embeddable":true,"href":"https:\/\/www.macalester.edu\/its\/wp-json\/wp\/v2\/pages\/8515"}],"wp:attachment":[{"href":"https:\/\/www.macalester.edu\/its\/wp-json\/wp\/v2\/media?parent=8599"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}