{"id":2525,"date":"2024-12-03T17:15:42","date_gmt":"2024-12-03T22:15:42","guid":{"rendered":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/?post_type=chapter&#038;p=2525"},"modified":"2025-05-20T13:25:34","modified_gmt":"2025-05-20T17:25:34","slug":"bsp-lists","status":"web-only","type":"chapter","link":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/chapter\/bsp-lists\/","title":{"raw":"Accessible Lists","rendered":"Accessible Lists"},"content":{"raw":"<img class=\"alignright wp-image-856\" style=\"margin-top: 0em;margin-bottom: 0em\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/Numbered-list-icon-red.png\" alt=\"\" width=\"33\" height=\"120\" \/>Lists are a useful format to organize information. Bulleted lists are useful to group items and numbered lists organize instructions and other sequences of information. As lists visually indicate a specific meaning, lists must be created properly to be accessible and to ensure everyone understands the information in your material. Brightspace's Accessibility Checker will flag manually created lists and prompt creators to make accessible lists.\r\n<h2>Who benefits from accessible lists<\/h2>\r\nCreating lists using asterisks or dashes will not inform assistive technology that the content is part of a list. A manually created list may look like a list but does not function as a list. It is important that everyone is made aware of the presence of a list and its structure.\r\n\r\nThe following demonstrates screen reader software reading properly and improperly built lists.\r\n\r\nhttps:\/\/mediaspace.langara.ca\/media\/t\/0_wrghe5v2\r\n\r\nProperly formatted lists organize information and make your content accessible.\r\n<ul>\r\n \t<li>Use bullet lists to group items.<\/li>\r\n \t<li>A bullet list is best where the sequence is not important.<\/li>\r\n<\/ul>\r\n<ol>\r\n \t<li>Use numbered lists for items where sequence is important.<\/li>\r\n \t<li>Create a numbered list item by item to show order.<\/li>\r\n<\/ol>\r\n<h2>How to fix it<\/h2>\r\n<img class=\"wp-image-2610 alignleft\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSp-A11ychecker_List.png\" alt=\"\" width=\"414\" height=\"211\" \/>The Brightspace Accessibility Checker will flag improperly created lists with the error:\u00a0<strong>The selected text appears to be a list. Lists should be formatted using a list tag.<\/strong>\r\n<div class=\"clearfix\"><\/div>\r\n<img class=\"wp-image-2799 alignright\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSpLists.png\" alt=\"\" width=\"414\" height=\"159\" \/>Selecting the error will highlight the first line of the \"list\" in question. Highlight the entire list, open the\u00a0<strong>List<\/strong>\u00a0menu and choose\u00a0<strong>Bulleted List<\/strong> or\u00a0<strong>Numbered List.<\/strong>\r\n<h2>How to prevent it next time<\/h2>\r\nUse the list tools to start a new list or highlight existing content and select <strong>Bulleted List <\/strong>or\u00a0<strong>Numbered <\/strong>list from the <strong>List<\/strong> menu.\r\n\r\n[caption id=\"attachment_2807\" align=\"alignleft\" width=\"934\"]<img class=\"size-full wp-image-2807\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSpListAnimation.gif\" alt=\"\" width=\"934\" height=\"379\" \/> Animation of creating a list in Brightspace editor[\/caption]\r\n\r\nWhen using list tools to create lists, pressing <strong>Enter<\/strong> will automatically populate a new list item. Press <strong>Enter<\/strong> twice to exit the list.\r\n<div class=\"textbox textbox--key-takeaways\"><header class=\"textbox__header\">\r\n<p class=\"textbox__title\">Next<\/p>\r\n\r\n<\/header>\r\n<div class=\"textbox__content\">\r\n\r\nMove to the next page to examine <strong>Accessible Table<\/strong> errors or <a href=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/chapter\/brightspace-start-here\/#iwantto\"> select the next error you want to fix<\/a>.\r\n\r\n<\/div>\r\n<\/div>","rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-856\" style=\"margin-top: 0em;margin-bottom: 0em\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/07\/Numbered-list-icon-red.png\" alt=\"\" width=\"33\" height=\"120\" \/>Lists are a useful format to organize information. Bulleted lists are useful to group items and numbered lists organize instructions and other sequences of information. As lists visually indicate a specific meaning, lists must be created properly to be accessible and to ensure everyone understands the information in your material. Brightspace&#8217;s Accessibility Checker will flag manually created lists and prompt creators to make accessible lists.<\/p>\n<h2>Who benefits from accessible lists<\/h2>\n<p>Creating lists using asterisks or dashes will not inform assistive technology that the content is part of a list. A manually created list may look like a list but does not function as a list. It is important that everyone is made aware of the presence of a list and its structure.<\/p>\n<p>The following demonstrates screen reader software reading properly and improperly built lists.<\/p>\n<p><iframe loading=\"lazy\" id=\"kaltura_player\" title=\"Screen reader reading lists and\" src=\"https:\/\/api.ca.kaltura.com\/p\/138\/sp\/13800\/embedIframeJs\/uiconf_id\/23449468\/partner_id\/138?iframeembed=true&#38;playerId=kaltura_player&#38;entry_id=0_wrghe5v2&#38;flashvars[streamerType]=auto&#38;flashvars[localizationCode]=en&#38;flashvars[sideBarContainer.plugin]=true&#38;flashvars[sideBarContainer.position]=left&#38;flashvars[sideBarContainer.clickToClose]=true&#38;flashvars[chapters.plugin]=true&#38;flashvars[chapters.layout]=vertical&#38;flashvars[chapters.thumbnailRotator]=false&#38;flashvars[streamSelector.plugin]=true&#38;flashvars[EmbedPlayer.SpinnerTarget]=videoHolder&#38;flashvars[dualScreen.plugin]=true&#38;flashvars[hotspots.plugin]=1&#38;flashvars[Kaltura.addCrossoriginToIframe]=true&#38;wid=0_5reu3o38\" width=\"400\" height=\"285\" allowfullscreen=\"allowfullscreen\" sandbox=\"allow-downloads allow-forms allow-same-origin allow-scripts allow-top-navigation allow-pointer-lock allow-popups allow-modals allow-orientation-lock allow-popups-to-escape-sandbox allow-presentation allow-top-navigation-by-user-activation\" frameborder=\"0\"><\/iframe><\/p>\n<p>Properly formatted lists organize information and make your content accessible.<\/p>\n<ul>\n<li>Use bullet lists to group items.<\/li>\n<li>A bullet list is best where the sequence is not important.<\/li>\n<\/ul>\n<ol>\n<li>Use numbered lists for items where sequence is important.<\/li>\n<li>Create a numbered list item by item to show order.<\/li>\n<\/ol>\n<h2>How to fix it<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2610 alignleft\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSp-A11ychecker_List.png\" alt=\"\" width=\"414\" height=\"211\" srcset=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSp-A11ychecker_List.png 1202w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSp-A11ychecker_List-300x153.png 300w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSp-A11ychecker_List-1024x522.png 1024w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSp-A11ychecker_List-768x392.png 768w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSp-A11ychecker_List-65x33.png 65w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSp-A11ychecker_List-225x115.png 225w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSp-A11ychecker_List-350x178.png 350w\" sizes=\"auto, (max-width: 414px) 100vw, 414px\" \/>The Brightspace Accessibility Checker will flag improperly created lists with the error:\u00a0<strong>The selected text appears to be a list. Lists should be formatted using a list tag.<\/strong><\/p>\n<div class=\"clearfix\"><\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2799 alignright\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSpLists.png\" alt=\"\" width=\"414\" height=\"159\" srcset=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSpLists.png 934w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSpLists-300x115.png 300w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSpLists-768x295.png 768w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSpLists-65x25.png 65w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSpLists-225x86.png 225w, https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSpLists-350x135.png 350w\" sizes=\"auto, (max-width: 414px) 100vw, 414px\" \/>Selecting the error will highlight the first line of the &#8220;list&#8221; in question. Highlight the entire list, open the\u00a0<strong>List<\/strong>\u00a0menu and choose\u00a0<strong>Bulleted List<\/strong> or\u00a0<strong>Numbered List.<\/strong><\/p>\n<h2>How to prevent it next time<\/h2>\n<p>Use the list tools to start a new list or highlight existing content and select <strong>Bulleted List <\/strong>or\u00a0<strong>Numbered <\/strong>list from the <strong>List<\/strong> menu.<\/p>\n<figure id=\"attachment_2807\" aria-describedby=\"caption-attachment-2807\" style=\"width: 934px\" class=\"wp-caption alignleft\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2807\" src=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-content\/uploads\/sites\/2248\/2024\/12\/BSpListAnimation.gif\" alt=\"\" width=\"934\" height=\"379\" \/><figcaption id=\"caption-attachment-2807\" class=\"wp-caption-text\">Animation of creating a list in Brightspace editor<\/figcaption><\/figure>\n<p>When using list tools to create lists, pressing <strong>Enter<\/strong> will automatically populate a new list item. Press <strong>Enter<\/strong> twice to exit the list.<\/p>\n<div class=\"textbox textbox--key-takeaways\">\n<header class=\"textbox__header\">\n<p class=\"textbox__title\">Next<\/p>\n<\/header>\n<div class=\"textbox__content\">\n<p>Move to the next page to examine <strong>Accessible Table<\/strong> errors or <a href=\"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/chapter\/brightspace-start-here\/#iwantto\"> select the next error you want to fix<\/a>.<\/p>\n<\/div>\n<\/div>\n","protected":false},"author":1655,"menu_order":6,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-2525","chapter","type-chapter","status-web-only","hentry"],"part":1477,"_links":{"self":[{"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/pressbooks\/v2\/chapters\/2525","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/wp\/v2\/users\/1655"}],"version-history":[{"count":25,"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/pressbooks\/v2\/chapters\/2525\/revisions"}],"predecessor-version":[{"id":3242,"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/pressbooks\/v2\/chapters\/2525\/revisions\/3242"}],"part":[{"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/pressbooks\/v2\/parts\/1477"}],"metadata":[{"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/pressbooks\/v2\/chapters\/2525\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/wp\/v2\/media?parent=2525"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/pressbooks\/v2\/chapter-type?post=2525"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/wp\/v2\/contributor?post=2525"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.bccampus.ca\/a11yondemand\/wp-json\/wp\/v2\/license?post=2525"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}