{"id":1345,"date":"2019-12-02T12:06:58","date_gmt":"2019-12-02T17:06:58","guid":{"rendered":"https:\/\/wordpress.ocps.net\/presenceblog\/?p=1345"},"modified":"2019-12-02T12:12:48","modified_gmt":"2019-12-02T17:12:48","slug":"news-content-pages-and-the-advance-data-display-portlet","status":"publish","type":"post","link":"https:\/\/wordpress.ocps.net\/presenceblog\/news-content-pages-and-the-advance-data-display-portlet\/","title":{"rendered":"News Content Pages and the Advance Data Display Portlet"},"content":{"rendered":"<p>If you are using the Advanced Data Display portlet either on a standalone page or as part of a News Content page, you may have added a <strong>Featured Image<\/strong> to <strong>Page Content<\/strong> area. If you did, you still need to supply <strong>Alt-text<\/strong> for this image. &#8220;Where?&#8221; you ask. There is no field for Alt-text in the dialogue that prompts for the other page content. Well, in this case the <strong>Image Title<\/strong> field is used as the Alt-text field and must contain text descriptive of the image. As shown in the following image:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2019\/12\/120219_1706_NewsContent1.png\" alt=\"\" \/><\/p>\n<p>If you do not do this, you will get an error message in your Monsido report similar to the one shown below that says: <strong><em>Images Missing ALT<\/em><\/strong>.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2019\/12\/120219_1706_NewsContent2.png\" alt=\"\" \/><\/p>\n<p>What if the image is purely decorative? Unfortunately, at this time there is no way to indicate this when filling in the page data. If you do not include the Image Title field, the image does not get an ALT tag at all. (Remember from the prior post that a decorative image needs to say: alt=&#8221;&#8221;\u00a0 &#8211; <a href=\"https:\/\/wordpress.ocps.net\/presenceblog\/all-img-elements-must-have-an-alt-attribute\/\">https:\/\/wordpress.ocps.net\/presenceblog\/all-img-elements-must-have-an-alt-attribute\/<\/a>)<\/p>\n<p>Therefore, when using the Advanced Data Display, always supply meaningful ALT text for the featured image to avoid this ADA Accessibility error. Do NOT simply say: &#8216;Image&#8217;.<\/p>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you are using the Advanced Data Display portlet either on a standalone page or as part of a News Content page, you may have added a Featured Image to Page Content area. If you did, you still need to supply Alt-text for this image. &#8220;Where?&#8221; you ask. There is no field for Alt-text in &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/wordpress.ocps.net\/presenceblog\/news-content-pages-and-the-advance-data-display-portlet\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;News Content Pages and the Advance Data Display Portlet&#8221;<\/span><\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[28,33,87],"tags":[48,47,67,59,51],"class_list":["post-1345","post","type-post","status-publish","format-standard","hentry","category-news-related-to-ada-and-accessibility","category-post-that-explains-how-to-perform-a-specific-activity","category-monsido-news","tag-accessibility","tag-ada","tag-alt-text","tag-images","tag-tips"],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":970,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/alt-text-in-news-articles\/","url_meta":{"origin":1345,"position":0},"title":"Alt-Text in News Articles","author":"Carlos Hernandez","date":"February 15, 2019","format":false,"excerpt":"Recently the question has come up how to place alt-text on the image displayed by news content pages in the Data Summary portlets. There is no property line for this image called: Alt-Text. The 'trick' here is to remember that for image and even hyperlinks, the alt-text goes into an\u2026","rel":"","context":"In &quot;ADA News&quot;","block_context":{"text":"ADA News","link":"https:\/\/wordpress.ocps.net\/presenceblog\/category\/portal-related-news\/news-related-to-ada-and-accessibility\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1307,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/all-img-elements-must-have-an-alt-attribute\/","url_meta":{"origin":1345,"position":1},"title":"All IMG elements must have an ALT attribute","author":"Carlos Hernandez","date":"September 23, 2019","format":false,"excerpt":"While it is true that images added to a web page using the Image Manager button in the content editor menu will not currently allow you to add an image to a content area without entering text into the Alt-Text field, there are still many images throughout the portal where\u2026","rel":"","context":"In &quot;ADA News&quot;","block_context":{"text":"ADA News","link":"https:\/\/wordpress.ocps.net\/presenceblog\/category\/portal-related-news\/news-related-to-ada-and-accessibility\/"},"img":{"alt_text":"Image Manager Button in Edit Menu","src":"https:\/\/i0.wp.com\/wordpress.ocps.net\/wp-content\/uploads\/2019\/09\/092019_1721_AllIMGeleme1.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":1243,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/hyperlinks-with-images-rather-than-link-text\/","url_meta":{"origin":1345,"position":2},"title":"Hyperlinks with Images Rather than Link Text","author":"Carlos Hernandez","date":"August 13, 2019","format":false,"excerpt":"A common occurrence is to have a hyperlink that uses an image rather than Link Text. In these situations, the alt text for the image and link must appear in the <img> tag's 'alt' attribute. There are many cases where this has been left blank or as an empty string.\u2026","rel":"","context":"In &quot;ADA News&quot;","block_context":{"text":"ADA News","link":"https:\/\/wordpress.ocps.net\/presenceblog\/category\/portal-related-news\/news-related-to-ada-and-accessibility\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":1283,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/blockquote-must-not-be-used-for-indentation\/","url_meta":{"origin":1345,"position":3},"title":"BLOCKQUOTE must not be used for indentation","author":"Carlos Hernandez","date":"September 19, 2019","format":false,"excerpt":"For today's look at ADA\/Accessibility issues reported by Monsido, I have chosen an error that is simple to fix. This error occurs when users or applications attempt to use the BLOCKQUOTE tag to indent text. This is invalid. BLOCKQUOTE can only be used when citing quotations from people or sites\u2026","rel":"","context":"In &quot;ADA News&quot;","block_context":{"text":"ADA News","link":"https:\/\/wordpress.ocps.net\/presenceblog\/category\/portal-related-news\/news-related-to-ada-and-accessibility\/"},"img":{"alt_text":"Use the Indent tool in the Edit toolbar when you want to indent text.","src":"https:\/\/i0.wp.com\/wordpress.ocps.net\/wp-content\/uploads\/2019\/09\/091919_1132_BLOCKQUOTEm1.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/wordpress.ocps.net\/wp-content\/uploads\/2019\/09\/091919_1132_BLOCKQUOTEm1.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/wordpress.ocps.net\/wp-content\/uploads\/2019\/09\/091919_1132_BLOCKQUOTEm1.png?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":1642,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/the-news-aggregator\/","url_meta":{"origin":1345,"position":4},"title":"The News Aggregator","author":"Carlos Hernandez","date":"March 23, 2021","format":false,"excerpt":"A Brief Introduction on How to Use the News Aggregator on Your School Home Page This document explains the steps needed to add (and edit) news stories that appear in the Recent News section of your School's home page. Go to your school's home page. Make sure you are logged\u2026","rel":"","context":"In &quot;How-To&quot;","block_context":{"text":"How-To","link":"https:\/\/wordpress.ocps.net\/presenceblog\/category\/post-that-explains-how-to-perform-a-specific-activity\/"},"img":{"alt_text":"Find the News page through the Page Status dialog","src":"https:\/\/i0.wp.com\/wordpress.ocps.net\/wp-content\/uploads\/2021\/03\/032321_2348_TheNewsAggr1.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/wordpress.ocps.net\/wp-content\/uploads\/2021\/03\/032321_2348_TheNewsAggr1.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/wordpress.ocps.net\/wp-content\/uploads\/2021\/03\/032321_2348_TheNewsAggr1.png?resize=525%2C300&ssl=1 1.5x"},"classes":[]},{"id":1275,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/image-alt-text-is-short\/","url_meta":{"origin":1345,"position":5},"title":"Image Alt Text is Short","author":"Carlos Hernandez","date":"September 13, 2019","format":false,"excerpt":"This ADA issue is one of the Level AA issues you might encounter in your Monsido reports, that can be extremely confusing at first. What does it mean? Does it mean that the alt-text is short and needs to be longer? Actually that is not how to read the Monsido\u2026","rel":"","context":"In &quot;ADA News&quot;","block_context":{"text":"ADA News","link":"https:\/\/wordpress.ocps.net\/presenceblog\/category\/portal-related-news\/news-related-to-ada-and-accessibility\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts\/1345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/comments?post=1345"}],"version-history":[{"count":2,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts\/1345\/revisions"}],"predecessor-version":[{"id":1347,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts\/1345\/revisions\/1347"}],"wp:attachment":[{"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/media?parent=1345"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/categories?post=1345"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/tags?post=1345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}