{"id":1252,"date":"2019-08-30T08:20:18","date_gmt":"2019-08-30T12:20:18","guid":{"rendered":"https:\/\/wordpress.ocps.net\/presenceblog\/?p=1252"},"modified":"2019-08-30T08:23:59","modified_gmt":"2019-08-30T12:23:59","slug":"quick-ada-hint-tables-cannot-be-included-as-an-image","status":"publish","type":"post","link":"https:\/\/wordpress.ocps.net\/presenceblog\/quick-ada-hint-tables-cannot-be-included-as-an-image\/","title":{"rendered":"Quick ADA Hint: Tables Cannot Be Included as an Image"},"content":{"rendered":"<p>Tables with valuable information cannot be included as an image.&nbsp; They must be created as a table within the portal editor (there is too much information to be conveyed by simply including the text in the Alt-Text of the image.&nbsp; When a visually impaired person attempts to read this page using a screen reader, this image is &#8216;blank&#8217; to them because the text cannot be pulled out of a simple image.&nbsp; Therefore it is a violation of ADA accessibility rules and needs to be redone.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2019\/08\/083019_1220_QuickADAHin1.png\" alt=\"\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tables with valuable information cannot be included as an image.&nbsp; They must be created as a table within the portal editor (there is too much information to be conveyed by simply including the text in the Alt-Text of the image.&nbsp; When a visually impaired person attempts to read this page using a screen reader, this &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/wordpress.ocps.net\/presenceblog\/quick-ada-hint-tables-cannot-be-included-as-an-image\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Quick ADA Hint: Tables Cannot Be Included as an Image&#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,30,34,87,36],"tags":[47,99,59,110,51],"class_list":["post-1252","post","type-post","status-publish","format-standard","hentry","category-news-related-to-ada-and-accessibility","category-news-related-to-site-governance-at-ocps","category-something-to-think-about-related-to-web-sites","category-monsido-news","category-post-showing-a-specific-tip-or-trick-related-to-web-sites","tag-ada","tag-ideas","tag-images","tag-tables","tag-tips"],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":1371,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/alt-text-for-informative-images\/","url_meta":{"origin":1252,"position":0},"title":"Alt-Text for Informative Images","author":"Carlos Hernandez","date":"January 9, 2020","format":false,"excerpt":"What is an informative image when applied to a webpage? It is any image that adds materially to the understanding of the other text on the page. The alt-text, in this case, should be short, no more than a sentence, which expresses the meaning or purpose of the image. There\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":"District Phone Number","src":"https:\/\/i0.wp.com\/wordpress.ocps.net\/wp-content\/uploads\/2020\/01\/010920_1704_AltTextforI1.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":1227,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/20-things-that-are-not-cool\/","url_meta":{"origin":1252,"position":1},"title":"20 Things That Are Not Cool!","author":"Carlos Hernandez","date":"July 25, 2019","format":false,"excerpt":"I am not talking about the fact that it is summertime in Florida or how you feel when you lose electricity due to a storm and your air conditioning does not work. No, I am talking about the OCPS websites and whether they are ready for the start of a\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":767,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/accessibility-of-images-in-pdfs\/","url_meta":{"origin":1252,"position":2},"title":"Accessibility of Images in PDFs","author":"Carlos Hernandez","date":"August 29, 2018","format":false,"excerpt":"Accessibility of Images in PDFs follows essentially the same rules as images on web pages. There are three basic types of images: Decoration Example of something Actual content All three types of images must have alt-text associated with them. However, the contents of that text varies based on the image\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":1132,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/ada-and-tables\/","url_meta":{"origin":1252,"position":3},"title":"ADA and Tables","author":"Carlos Hernandez","date":"May 8, 2019","format":false,"excerpt":"A few quick guide to ADA requirements for tables: Every table must have a caption (title). In HTML, it looks like this: <table Border=\"0\"><caption>Cups of coffee consumed by each teacher per week<\/caption> \u00a0\u00a0\u00a0\u00a0This is not the same as text that might appear above the table. \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<strong>Cups of coffee consumed by\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":1028,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/oh-no-you-have-a-pdf-that-is-a-scanned-image\/","url_meta":{"origin":1252,"position":4},"title":"Oh No!  You Have a PDF That is a Scanned Image","author":"Carlos Hernandez","date":"March 6, 2019","format":false,"excerpt":"In looking through the content on the OCPS websites, I find many PDFs that appear to have been documents scanned into a PDF format. Most likely, these documents were created by using your local printer and scanning the document to your email address rather than printing a copy of the\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":1595,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/short-topics-image-and-link-alt-text\/","url_meta":{"origin":1252,"position":5},"title":"Short Topics: Image and Link Alt-text","author":"Carlos Hernandez","date":"December 7, 2020","format":false,"excerpt":"Image Alt-text Image and link alt-text is extremely important to the visually impaired who cannot see either the picture or the link text (link text is what appears on the page). Often the alt-text is the only clue to these people to tell them what the picture or link is\u2026","rel":"","context":"In &quot;Governance News&quot;","block_context":{"text":"Governance News","link":"https:\/\/wordpress.ocps.net\/presenceblog\/category\/portal-related-news\/news-related-to-site-governance-at-ocps\/"},"img":{"alt_text":"Example of poor alt-text for an image that tells the viewer nothing about the image.","src":"https:\/\/i0.wp.com\/wordpress.ocps.net\/wp-content\/uploads\/2020\/11\/112720_1355_ShortTopics1.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts\/1252","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=1252"}],"version-history":[{"count":2,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts\/1252\/revisions"}],"predecessor-version":[{"id":1255,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts\/1252\/revisions\/1255"}],"wp:attachment":[{"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/media?parent=1252"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/categories?post=1252"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/tags?post=1252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}