{"id":607,"date":"2018-06-14T12:45:01","date_gmt":"2018-06-14T16:45:01","guid":{"rendered":"https:\/\/wordpress.ocps.net\/presenceblog\/?p=607"},"modified":"2018-06-14T12:45:01","modified_gmt":"2018-06-14T16:45:01","slug":"frequently-asked-questions-about-accessible-images","status":"publish","type":"post","link":"https:\/\/wordpress.ocps.net\/presenceblog\/frequently-asked-questions-about-accessible-images\/","title":{"rendered":"Frequently Asked Questions About Accessible Images"},"content":{"rendered":"<p>Today&#8217;s blog post is from a guest contributor, Michael Graf. Michael is part of the OCPS legal department and is responsible for overseeing ADA compliance for the OCPS family of web sites. He reminds us all that ADA compliance within our web sites is a matter of concern for all of us whether our site represents a school or one of the district offices .<\/p>\n<div>\n<table style=\"border-collapse: collapse;\" border=\"0\">\n<colgroup>\n<col style=\"width: 935px;\" \/><\/colgroup>\n<tbody valign=\"top\">\n<tr style=\"background: #deeaf6;\">\n<td style=\"padding-left: 11px; padding-right: 11px; border-top: none; border-left: solid #9cc2e5 1.0pt; border-bottom: solid #9cc2e5 1.0pt; border-right: solid #9cc2e5 1.0pt;\"><span style=\"font-size: 14pt;\">How to add alt-text to an image?<br \/>\n<\/span><\/p>\n<ul>\n<li><strong>In design mode, right click the image and select &#8220;<\/strong><em>Properties<\/em><strong>&#8221;<br \/>\n<\/strong><\/li>\n<li><strong>Enter the descriptive text of the image in the area labeled &#8220;<\/strong><em>Alt Text<\/em><strong>&#8221;<br \/>\n<\/strong><\/li>\n<\/ul>\n<p style=\"text-align: center;\"><strong>\u00a0<a href=\"http:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA01.png\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"611\" data-permalink=\"https:\/\/wordpress.ocps.net\/presenceblog\/ada01\/\" data-orig-file=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA01.png\" data-orig-size=\"348,376\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"ADA01\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA01-278x300.png\" data-large-file=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA01.png\" class=\"alignnone size-medium wp-image-611\" src=\"http:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA01-278x300.png\" alt=\"Image Property Settings - Remember the Alt-Text\" width=\"278\" height=\"300\" srcset=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA01-278x300.png 278w, https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA01.png 348w\" sizes=\"auto, (max-width: 278px) 100vw, 278px\" \/><\/a><\/strong><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"padding-left: 11px; padding-right: 11px; border-top: none; border-left: solid #9cc2e5 1.0pt; border-bottom: solid #9cc2e5 1.0pt; border-right: solid #9cc2e5 1.0pt;\"><span style=\"font-size: 14pt;\">What should I include in my alt-text?<br \/>\n<\/span><\/p>\n<ul>\n<li><strong>Ask yourself: Why is the image used? What information is this image intended to communicate?<br \/>\n<\/strong><\/li>\n<li><strong>Keep descriptions short, to a maximum of 140 characters. Generally, an alt-text description doesn&#8217;t have to be more than a sentence.<br \/>\n<\/strong><\/li>\n<li><strong>It is unnecessary to begin a description with &#8220;photo of&#8221; or &#8220;picture of.&#8221;<br \/>\n<\/strong><\/li>\n<\/ul>\n<p style=\"text-align: center;\"><strong><em>EXAMPLE<br \/>\n<\/em><\/strong><\/p>\n<p style=\"text-align: center; background: white;\"><span style=\"color: #272733; font-family: Helvetica; font-size: 12pt;\"><strong><a href=\"http:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA02.png\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"612\" data-permalink=\"https:\/\/wordpress.ocps.net\/presenceblog\/ada02\/\" data-orig-file=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA02.png\" data-orig-size=\"210,153\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"ADA02\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA02.png\" data-large-file=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA02.png\" class=\"alignnone size-full wp-image-612\" src=\"http:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA02.png\" alt=\"Red Rooster\" width=\"210\" height=\"153\" \/><\/a><\/strong><\/span><\/p>\n<p style=\"text-align: center; background: white;\"><span style=\"color: #272733;\"><strong><span style=\"font-family: Helvetica; font-size: 12pt;\">Okay alt text:\u00a0<\/span><span style=\"color: #bd4147;\"><span style=\"font-family: Consolas; background-color: #f7f7f9;\"> Rooster<\/span><span style=\"color: #272733; font-family: Helvetica; font-size: 12pt;\"><br \/>\n<\/span><\/span><\/strong><\/span><\/p>\n<p style=\"text-align: center; background: white;\"><span style=\"color: #272733;\"><strong><span style=\"font-family: Helvetica; font-size: 12pt;\">Better alt text:\u00a0<\/span><span style=\"color: #bd4147;\"><span style=\"font-family: Consolas; background-color: #f7f7f9;\">Rooster crowing<\/span><span style=\"color: #272733; font-family: Helvetica; font-size: 12pt;\"><br \/>\n<\/span><\/span><\/strong><\/span><\/p>\n<p style=\"text-align: center; background: white;\"><span style=\"color: #272733;\"><span style=\"font-family: Helvetica; font-size: 12pt;\"><strong>Best alt text:\u00a0<\/strong>\u00a0\u00a0 <\/span><span style=\"color: #bd4147;\"><strong><span style=\"font-family: Consolas; background-color: #f7f7f9;\">Red-crested rooster crowing<\/span><span style=\"color: #272733; font-family: Helvetica; font-size: 12pt;\"><br \/>\n<\/span><\/strong><\/span><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"background: #deeaf6;\">\n<td style=\"padding-left: 11px; padding-right: 11px; border-top: none; border-left: solid #9cc2e5 1.0pt; border-bottom: solid #9cc2e5 1.0pt; border-right: solid #9cc2e5 1.0pt;\"><span style=\"font-size: 14pt;\">What if my image is too complex to briefly describe?<br \/>\n<\/span><\/p>\n<ul>\n<li><strong>Complex images, such as graphs, charts, or diagrams, may contain too much information to be effectively described using alt text.<br \/>\n<\/strong><\/li>\n<li><strong>If the description will be over 140 characters then include a thorough description of the complex image in the content of the page, immediately before or after the image.<br \/>\n<\/strong><\/li>\n<li><strong>If you don&#8217;t want to add more content to your page, another preferred alternative would be to create another page with just a description of the complex image and link to it near the image. <span style=\"font-size: 12pt;\"><br \/>\n<\/span><\/strong><\/li>\n<\/ul>\n<div>\n<table style=\"border-collapse: collapse;\" border=\"0\">\n<colgroup>\n<col style=\"width: 556px;\" \/>\n<col style=\"width: 356px;\" \/><\/colgroup>\n<tbody valign=\"top\">\n<tr style=\"height: 40px;\">\n<td style=\"padding-left: 11px; padding-right: 11px;\" colspan=\"2\">\n<p style=\"text-align: center;\"><strong><em>EXAMPLE<\/em><\/strong><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"padding-left: 11px; padding-right: 11px; border-top: none; border-left: solid 1.0pt; border-bottom: solid 1.0pt; border-right: solid 1.0pt;\">\n<p style=\"text-align: center;\"><a href=\"http:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA03.png\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"613\" data-permalink=\"https:\/\/wordpress.ocps.net\/presenceblog\/frequently-asked-questions-about-accessible-images\/ada03\/\" data-orig-file=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA03.png\" data-orig-size=\"356,293\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"ADA03\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA03-300x247.png\" data-large-file=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA03.png\" class=\"alignnone size-medium wp-image-613\" src=\"http:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA03-300x247.png\" alt=\"Charts need a full listing of the data used by the chart\" width=\"300\" height=\"247\" srcset=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA03-300x247.png 300w, https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA03.png 356w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<\/td>\n<td style=\"padding-left: 11px; padding-right: 11px; border-top: none; border-left: none; border-bottom: solid 1.0pt; border-right: solid 1.0pt;\"><strong>The Link should take you to a separate page with the Long Description below:<br \/>\n<\/strong><span style=\"font-size: 10pt;\"><strong>The chart shows the website hits for the first quarter of 2014. It shows that Site 1 has more visitors than either of the other sites, but the number of visitors is decreasing. Site 2 has a fairly constant number of visitors, while for Site 3 page hits are increasing month on month.<br \/>\n<\/strong><\/span><span style=\"font-size: 10pt;\"><strong>Numerical values presented on the image:<br \/>\n<\/strong><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"><strong>2014 First Quarter visitors per site (in thousands)<br \/>\n<\/strong><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"><strong>Period\u00a0\u00a0\u00a0 Site 1\u00a0\u00a0\u00a0\u00a0\u00a0 Site 2\u00a0\u00a0\u00a0\u00a0\u00a0 Site 3<br \/>\n<\/strong><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"><strong>Jan\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 135\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 112\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 92<br \/>\n<\/strong><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"><strong>Feb\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 117\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 114\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 99<br \/>\n<\/strong><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"><strong>March\u00a0\u00a0\u00a0\u00a0 96\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 111\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 126<br \/>\n<\/strong><\/span><\/p>\n<p><span style=\"font-size: 10pt;\"><strong>Total\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 348\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 337\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 308<\/strong><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"padding-left: 11px; padding-right: 11px; border-top: none; border-left: solid #9cc2e5 1.0pt; border-bottom: solid #9cc2e5 1.0pt; border-right: solid #9cc2e5 1.0pt;\"><span style=\"font-size: 14pt;\">What if my image is decorative?<br \/>\n<\/span><\/p>\n<ul>\n<li><strong>Even if your image is purely decorative it is still a good idea to use &#8220;decorative&#8221; as the alt-text so the user knows there is nothing meaningful in the image.<span style=\"font-size: 14pt;\"><br \/>\n<\/span><\/strong><\/li>\n<\/ul>\n<p style=\"text-align: center;\"><em><strong>EXAMPLE<\/strong><\/em><\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA04.png\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"614\" data-permalink=\"https:\/\/wordpress.ocps.net\/presenceblog\/frequently-asked-questions-about-accessible-images\/ada04\/\" data-orig-file=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA04.png\" data-orig-size=\"136,192\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"ADA04\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA04.png\" data-large-file=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA04.png\" class=\"alignnone size-full wp-image-614\" src=\"http:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA04.png\" alt=\"Decorative Image\" width=\"136\" height=\"192\" \/><\/a><\/p>\n<p style=\"text-align: center;\"><span style=\"color: #272733;\"><span style=\"font-family: Helvetica; font-size: 12pt;\"><strong>Best alt text:\u00a0<\/strong>\u00a0\u00a0 <\/span><span style=\"color: #bd4147;\"><strong><span style=\"font-family: Consolas; background-color: #f7f7f9;\">decorative<\/span><span style=\"color: #272733; font-family: Helvetica; font-size: 12pt;\"><br \/>\n<\/span><\/strong><\/span><\/span><\/p>\n<\/td>\n<\/tr>\n<tr style=\"background: #deeaf6;\">\n<td style=\"padding-left: 11px; padding-right: 11px; border-top: none; border-left: solid #9cc2e5 1.0pt; border-bottom: solid #9cc2e5 1.0pt; border-right: solid #9cc2e5 1.0pt;\"><span style=\"font-size: 14pt;\">What if my image is a logo, do I need to still add an alternative text attribute?<br \/>\n<\/span><\/p>\n<ul>\n<li><strong>Logos should be captured by using the organization&#8217;s name as the alt-text.<br \/>\n<\/strong><\/li>\n<\/ul>\n<p style=\"text-align: center;\"><em><strong><br \/>\nEXAMPLE<\/strong><br \/>\n<\/em><\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA05.png\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"615\" data-permalink=\"https:\/\/wordpress.ocps.net\/presenceblog\/ada05\/\" data-orig-file=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA05.png\" data-orig-size=\"100,100\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"ADA05\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA05.png\" data-large-file=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA05.png\" class=\"alignnone size-full wp-image-615\" src=\"http:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA05.png\" alt=\"Orange County Public Schools logo\" width=\"100\" height=\"100\" \/><\/a><strong><br \/>\n<\/strong><\/p>\n<p style=\"text-align: center;\"><span style=\"color: #272733;\"><span style=\"font-family: Helvetica; font-size: 12pt;\"><strong>Best alt text:\u00a0<\/strong>\u00a0\u00a0 <\/span><span style=\"color: #bd4147; font-family: Consolas; background-color: #f7f7f9;\"><strong>Orange County Public Schools logo<\/strong><\/span><\/span><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td style=\"padding-left: 11px; padding-right: 11px; border-top: none; border-left: solid #9cc2e5 1.0pt; border-bottom: solid #9cc2e5 1.0pt; border-right: solid #9cc2e5 1.0pt;\"><span style=\"font-size: 14pt;\">What if my image contains text or information, do I need to still add an alternative text attribute?<br \/>\n<\/span><\/p>\n<ul>\n<li><strong>Images of text should be avoided. However, if they must be used, the alt text should (usually) be the same as the text in the image.<br \/>\n<\/strong><\/li>\n<\/ul>\n<p style=\"text-align: center;\"><em><strong><br \/>\nEXAMPLE<\/strong><br \/>\n<\/em><\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA06.jpg\"><img loading=\"lazy\" decoding=\"async\" data-attachment-id=\"616\" data-permalink=\"https:\/\/wordpress.ocps.net\/presenceblog\/ada06\/\" data-orig-file=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA06.jpg\" data-orig-size=\"262,84\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"ADA06\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA06.jpg\" data-large-file=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA06.jpg\" class=\"alignnone size-full wp-image-616\" src=\"http:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/06\/ADA06.jpg\" alt=\"The Quick Brown Fox Jumps Over the Lazy Dog\" width=\"262\" height=\"84\" \/><\/a><strong><br \/>\n<\/strong><\/p>\n<p style=\"text-align: center;\"><span style=\"color: #272733;\"><span style=\"font-family: Helvetica; font-size: 12pt;\"><strong>Best alt text:\u00a0<\/strong>\u00a0\u00a0 <\/span><span style=\"color: #bd4147; font-family: Consolas; background-color: #f7f7f9;\"><strong>The quick brown fox jumps over the lazy dog<br \/>\n<\/strong><\/span><\/span><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Today&#8217;s blog post is from a guest contributor, Michael Graf. Michael is part of the OCPS legal department and is responsible for overseeing ADA compliance for the OCPS family of web sites. He reminds us all that ADA compliance within our web sites is a matter of concern for all of us whether our site &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/wordpress.ocps.net\/presenceblog\/frequently-asked-questions-about-accessible-images\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Frequently Asked Questions About Accessible Images&#8221;<\/span><\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","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,25],"tags":[47,51],"class_list":["post-607","post","type-post","status-publish","format-standard","hentry","category-news-related-to-ada-and-accessibility","category-news-related-to-site-governance-at-ocps","category-portal-related-news","tag-ada","tag-tips"],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":736,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/image-alt-text\/","url_meta":{"origin":607,"position":0},"title":"Image Alt-Text","author":"Carlos Hernandez","date":"August 21, 2018","format":false,"excerpt":"This is a reminder that all images must have Alt-Text that either: Explains what is going on in the picture\/image, what is the purpose of the image, what is the message that you are trying to get across. Images that are links to other pages\/sites must explain the purpose of\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":1252,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/quick-ada-hint-tables-cannot-be-included-as-an-image\/","url_meta":{"origin":607,"position":1},"title":"Quick ADA Hint: Tables Cannot Be Included as an Image","author":"Carlos Hernandez","date":"August 30, 2019","format":false,"excerpt":"Tables with valuable information cannot be included as an image.\u00a0 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.\u00a0 When a visually impaired person attempts to read this page\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":1399,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/alt-text-for-functional-images\/","url_meta":{"origin":607,"position":2},"title":"Alt Text for Functional Images","author":"Carlos Hernandez","date":"January 17, 2020","format":false,"excerpt":"AIn this post, I'll take a look at how to use alt text for functional images. But first, what is a functional image and how does it differ from an informative image previously discussed. Essentially the difference is that a functional image initiates an action rather than just conveying information.\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":"A logo that is just an image","src":"https:\/\/i0.wp.com\/wordpress.ocps.net\/wp-content\/uploads\/2020\/01\/011720_1923_AltTextforF1.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":1345,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/news-content-pages-and-the-advance-data-display-portlet\/","url_meta":{"origin":607,"position":3},"title":"News Content Pages and the Advance Data Display Portlet","author":"Carlos Hernandez","date":"December 2, 2019","format":false,"excerpt":"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. \"Where?\" you ask. There is\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":1143,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/are-you-a-new-editor-to-our-web-sites\/","url_meta":{"origin":607,"position":4},"title":"Are You a New Editor To Our Web Sites?","author":"Carlos Hernandez","date":"May 23, 2019","format":false,"excerpt":"First, Happy 100th post! If you have just been assigned to work on your district department or school web site, you may be asking yourself where to begin. There is no quick 5-minute course on everything you need to know. However, here are some suggestions on how to start learning\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":"https:\/\/i0.wp.com\/wordpress.ocps.net\/wp-content\/uploads\/2019\/05\/Monsido-001-1024x576.png?resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/wordpress.ocps.net\/wp-content\/uploads\/2019\/05\/Monsido-001-1024x576.png?resize=350%2C200 1x, https:\/\/i0.wp.com\/wordpress.ocps.net\/wp-content\/uploads\/2019\/05\/Monsido-001-1024x576.png?resize=525%2C300 1.5x"},"classes":[]},{"id":970,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/alt-text-in-news-articles\/","url_meta":{"origin":607,"position":5},"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":[]}],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts\/607","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=607"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts\/607\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/media?parent=607"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/categories?post=607"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/tags?post=607"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}