{"id":688,"date":"2013-09-25T21:29:41","date_gmt":"2013-09-25T21:29:41","guid":{"rendered":"http:\/\/blogs.lanecc.edu\/webteam\/?p=688"},"modified":"2013-09-25T21:30:12","modified_gmt":"2013-09-25T21:30:12","slug":"more-new-features","status":"publish","type":"post","link":"https:\/\/blogs.lanecc.edu\/webteam\/2013\/09\/25\/more-new-features\/","title":{"rendered":"More New Features"},"content":{"rendered":"<p>Two more new features to report.<\/p>\n<p>First, you can now add a caption to your images. When you insert an image, as always, you&#8217;re prompted with a dialog where you can enter a title, and where you can enter a description. At the end of last week, we started automatically converting whatever you put in as the title of your image to be a caption, appearing in boldface just below the image.<\/p>\n<p>It&#8217;s important that these two fields &#8211; title and description &#8211; are used correctly. When implementing this feature, we found close to two hundred images where they were exactly the same text. Imagine a screen reader comes across this picture:<\/p>\n<figure id=\"attachment_690\" aria-describedby=\"caption-attachment-690\" style=\"width: 400px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2013\/09\/kitten.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-690 \" title=\"A cat chewing on a monitor\" alt=\"A cat chewing on a monitor\" src=\"http:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2013\/09\/kitten.jpg\" width=\"400\" height=\"602\" srcset=\"https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2013\/09\/kitten.jpg 400w, https:\/\/blogs.lanecc.edu\/webteam\/wp-content\/uploads\/sites\/25\/2013\/09\/kitten-199x300.jpg 199w\" sizes=\"auto, (max-width: 400px) 85vw, 400px\" \/><\/a><figcaption id=\"caption-attachment-690\" class=\"wp-caption-text\">A cat chewing on a monitor<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<p>Since both the alt text and the caption are the same, and it wants to make sure to read all the text to you, it&#8217;ll actually read the exact same thing to you twice! And don&#8217;t get me started with the people that used the file name (&#8220;cat123.jpg&#8221;) as the alt text, or even worse, the word &#8220;picture&#8221; as the alt text.<\/p>\n<p>So what to do?<\/p>\n<p>In a conversational blog post like this one, it&#8217;d be perfectly fair to make the alt text descriptive (&#8220;A cat, chewing on a monitor&#8221;), and to use an amusing title\/caption (&#8220;Delicious!&#8221;). But if you have a more serious picture, say a picture of some people, you&#8217;re actually allowed to explicitly set the alt text to empty, since the description now lives on as a caption. That way the screen reader knows to skip the alt text and just read the text\u00a0 (caption) surrounding the picture. So if you have a picture of two people, Alice and Bob, you could make the alt text be &#8220;&#8221; (that&#8217;s literally what&#8217;s called an &#8217;empty string&#8217;, meaning there&#8217;s nothing inside the quotes, but the quotes are present), and the title be &#8220;Pictured, left to right, Alice and Bob.&#8221;.<\/p>\n<p>The second feature we&#8217;ve implemented is FAQ questions. If your department has, or would like a FAQ page, contact us for a quick crash course in how to use the FAQ module.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Two more new features to report. First, you can now add a caption to your images. When you insert an image, as always, you&#8217;re prompted with a dialog where you can enter a title, and where you can enter a description. At the end of last week, we started automatically converting whatever you put in &hellip; <a href=\"https:\/\/blogs.lanecc.edu\/webteam\/2013\/09\/25\/more-new-features\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;More New Features&#8221;<\/span><\/a><\/p>\n","protected":false},"author":86,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":"","_wpscppro_dont_share_socialmedia":false,"_wpscppro_custom_social_share_image":0,"_facebook_share_type":"","_twitter_share_type":"","_linkedin_share_type":"","_pinterest_share_type":"","_linkedin_share_type_page":"","_instagram_share_type":"","_medium_share_type":"","_threads_share_type":"","_google_business_share_type":"","_selected_social_profile":[],"_wpsp_enable_custom_social_template":false,"_wpsp_social_scheduling":{"enabled":false,"datetime":null,"platforms":[],"status":"template_only","dateOption":"today","timeOption":"now","customDays":"","customHours":"","customDate":"","customTime":"","schedulingType":"absolute"},"_wpsp_active_default_template":true},"categories":[3],"tags":[6,25],"class_list":["post-688","post","type-post","status-publish","format-standard","hentry","category-drupal","tag-accessibility","tag-drupal"],"_links":{"self":[{"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/posts\/688","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/users\/86"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/comments?post=688"}],"version-history":[{"count":2,"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/posts\/688\/revisions"}],"predecessor-version":[{"id":692,"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/posts\/688\/revisions\/692"}],"wp:attachment":[{"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/media?parent=688"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/categories?post=688"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.lanecc.edu\/webteam\/wp-json\/wp\/v2\/tags?post=688"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}