{"id":847,"date":"2018-10-19T15:28:42","date_gmt":"2018-10-19T19:28:42","guid":{"rendered":"https:\/\/wordpress.ocps.net\/presenceblog\/?p=847"},"modified":"2018-10-22T10:12:50","modified_gmt":"2018-10-22T14:12:50","slug":"quick-tip-you-need-to-do-more-than-just-say-click-here","status":"publish","type":"post","link":"https:\/\/wordpress.ocps.net\/presenceblog\/quick-tip-you-need-to-do-more-than-just-say-click-here\/","title":{"rendered":"Quick Tip: You Need to do more than just say Click Here"},"content":{"rendered":"<p>I am sure that as you look around the Internet, not just the OCPS web pages, you will find many instances where the text on the page asks you to &#8216;Click Here&#8217; to go to another page, or to a form, or to open a document. However, according to accessibility concerns, such a small hyperlink (especially those that just include the word &#8216;Here&#8217;), can be problematic for people with hand movement disabilities using touch screens (cell phones, tablets, and even larger computer screens). The next image shows an example of a bad link in which the link is simply the word: email.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/10\/101918_1925_QuickTipYou1.png\" alt=\"\" \/><\/p>\n<p>Rather than using just a single word for the hyperlink text, we strongly suggest that hyperlinks should consist of a more complete phrase or even a sentence such as the following:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/10\/101918_1925_QuickTipYou2.png\" alt=\"\" \/><\/p>\n<p>By doing this, you make your page content more accessible to people who may have trouble pointing at the screen with a mouse or even touching a small area on the screen.<\/p>\n<p>Another thing you need to do when working with links on a page is to identify whether the link opens the referenced content in the current page or in a new page that it opens. You can do this in the Alt-text or the visible text. In the example below, notice that the alt-text for the link informs the user that clicking the link will open the referenced document in a new window<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/10\/101918_1925_QuickTipYou3.png\" alt=\"\" \/><\/p>\n<p>For a link to an email address, there is no alt-text. Therefore, the text included as part of the link can provide addition information. Taking the example from above, the text was changed to clearly indicate that clicking the link sends an email to the person.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/10\/101918_1925_QuickTipYou4.png\" alt=\"\" \/><\/p>\n<p>If the Email address appears directly as in <a href=\"mailto:myname@ocps.net\">myname@ocps.net<\/a>, then there is no need to emphasize that clicking the link will send an email to the user.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I am sure that as you look around the Internet, not just the OCPS web pages, you will find many instances where the text on the page asks you to &#8216;Click Here&#8217; to go to another page, or to a form, or to open a document. However, according to accessibility concerns, such a small hyperlink &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/wordpress.ocps.net\/presenceblog\/quick-tip-you-need-to-do-more-than-just-say-click-here\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Quick Tip: You Need to do more than just say Click Here&#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,34,36],"tags":[48,47,50,51],"class_list":["post-847","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-something-to-think-about-related-to-web-sites","category-post-showing-a-specific-tip-or-trick-related-to-web-sites","tag-accessibility","tag-ada","tag-links","tag-tips"],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":823,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/hyperlinks-in-documents\/","url_meta":{"origin":847,"position":0},"title":"Hyperlinks in Documents","author":"Carlos Hernandez","date":"September 21, 2018","format":false,"excerpt":"As with links on a web page, links in a document must have alt-text. However, there is a major 'gotcha' which I'll explain a little latter in this post.\u00a0 Let's begin though by looking at what are some of the considerations when composing Alt-text for a link (hyperlink) on 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":916,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/adding-tooltips-to-email-hyperlinks\/","url_meta":{"origin":847,"position":1},"title":"Adding ToolTips to Email Hyperlinks","author":"Carlos Hernandez","date":"December 5, 2018","format":false,"excerpt":"One of the requirements for accessibility is that hyperlinks have tooltip text that appears when the user either hovers over the link text or is read to the user if a screen reader is being used. However, when that hyperlink is an email address, there does not seem to be\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":847,"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":1143,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/are-you-a-new-editor-to-our-web-sites\/","url_meta":{"origin":847,"position":3},"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":1355,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/style-and-consistency-part-1-links\/","url_meta":{"origin":847,"position":4},"title":"Style and Consistency \u2013 Part 1 &#8211; Links","author":"Carlos Hernandez","date":"December 4, 2019","format":false,"excerpt":"Style and consistency on your web pages are very important issues when publishing your finished web page. I am going to take a portion of a web page and highlight some of the things you need to review before publishing your next web page. The following is a portion 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":832,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/creating-your-accessible-pdf-from-word\/","url_meta":{"origin":847,"position":5},"title":"Creating Your Accessible PDF from Word","author":"Carlos Hernandez","date":"September 24, 2018","format":false,"excerpt":"Now that you have a Word Document that is accessible, how can you create a PDF that you can distribute to others outside of OCPS. Since the 2007 version of Word, you have had an option to change the file type when you save a document. In the Save As\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\/847","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=847"}],"version-history":[{"count":4,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts\/847\/revisions"}],"predecessor-version":[{"id":851,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts\/847\/revisions\/851"}],"wp:attachment":[{"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/media?parent=847"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/categories?post=847"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/tags?post=847"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}