Subject<\/strong> text. Note that the subject text can be beneficial to the person(s) receiving the email so the email can be classified and possibly routed to a separate folder. It also eliminates the need for the user to create a subject appropriate to the request. However, as you can see in the following figure, there is no property to define the tooltip text.<\/div>\n![\"\"](\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/12\/120518_1411_AddingToolT3.png\")
<\/p>\n<\/li>\n<\/ul>\n
So in order to be ADA compliant (accessible to all), you should ask, how can I include tooltip text with e-mail links? The solution is to open the content portlet while in design mode for the page and click the pencil icon in the header of the portlet to open the content editor.<\/p>\n
![\"\"](\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/12\/120518_1411_AddingToolT4.png\")
<\/p>\n
Then right click on the text of the e-mail hyperlink to select it and choose Properties from the dropdown menu that appears. This opens a properties panel at the bottom of the editor with several properties. The one that you need to update is the Title<\/strong> property entering the text that you want to appear as tooltip text as shown in the next figure.<\/p>\n![\"\"](\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/12\/120518_1411_AddingToolT5.png\")
<\/p>\n
Now when the page is Published and a user hovers over the e-mail hyperlink, the tooltip appears either above or below the link text as shown in this figure.<\/p>\n
![\"\"](\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/12\/120518_1411_AddingToolT6.png\")
<\/p>\n
This simple trick only takes a few extra seconds and helps insure that your page is accessible to all viewers.<\/p>\n","protected":false},"excerpt":{"rendered":"
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 a way to specify the … <\/p>\n
Continue reading “Adding ToolTips to Email Hyperlinks”<\/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-916","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":1243,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/hyperlinks-with-images-rather-than-link-text\/","url_meta":{"origin":916,"position":0},"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 ![]()
tag's 'alt' attribute. There are many cases where this has been left blank or as an empty string.\u2026","rel":"","context":"In "ADA News"","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":1039,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/quick-notes-on-site-content-and-accessibility-issues-for-march-28-2019\/","url_meta":{"origin":916,"position":1},"title":"Quick Notes on Site Content and Accessibility Issues for March 28, 2019","author":"Carlos Hernandez","date":"March 28, 2019","format":false,"excerpt":"As I have been going through many of the district and school sites, I have noticed several reoccurring problems. Use External Link References Rather Than Duplicating Pages I've seen several cases were the content for a page was duplicated exactly, or nearly exactly on another page within the same site\u2026","rel":"","context":"In "ADA News"","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":1355,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/style-and-consistency-part-1-links\/","url_meta":{"origin":916,"position":2},"title":"Style and Consistency \u2013 Part 1 – 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 "ADA News"","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":888,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/adding-email-links-on-a-web-page\/","url_meta":{"origin":916,"position":3},"title":"Adding Email Links on a Web Page","author":"Carlos Hernandez","date":"November 20, 2018","format":false,"excerpt":"Most webpage editors know how to add a basic email link on their website. But let's start with an example content line that says the following: If you have any questions concerning any of the OCPS guidelines, please address them by emailing:\u00a0OCPS Presence Support. Suppose our intent is to make\u2026","rel":"","context":"In "How-To"","block_context":{"text":"How-To","link":"https:\/\/wordpress.ocps.net\/presenceblog\/category\/post-that-explains-how-to-perform-a-specific-activity\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":823,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/hyperlinks-in-documents\/","url_meta":{"origin":916,"position":4},"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 "ADA News"","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":1545,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/account-for-motion-disabilities\/","url_meta":{"origin":916,"position":5},"title":"Account for Motion Disabilities","author":"Carlos Hernandez","date":"October 23, 2020","format":false,"excerpt":"I have seen many pages on our portal with a list of links that appear on one line after another like those shown in the following image. While single spacing a list is acceptable for a list that simply displays text items and does not have sequential hyperlinks or even\u2026","rel":"","context":"In "ADA News"","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 list with sequental hyperlines that are single spaced","src":"https:\/\/i0.wp.com\/wordpress.ocps.net\/wp-content\/uploads\/2020\/10\/102320_1939_AccountforM1.png?resize=350%2C200&ssl=1","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/wordpress.ocps.net\/wp-content\/uploads\/2020\/10\/102320_1939_AccountforM1.png?resize=350%2C200&ssl=1 1x, https:\/\/i0.wp.com\/wordpress.ocps.net\/wp-content\/uploads\/2020\/10\/102320_1939_AccountforM1.png?resize=525%2C300&ssl=1 1.5x"},"classes":[]}],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts\/916","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=916"}],"version-history":[{"count":2,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts\/916\/revisions"}],"predecessor-version":[{"id":918,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts\/916\/revisions\/918"}],"wp:attachment":[{"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/media?parent=916"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/categories?post=916"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/tags?post=916"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/12\/120518_1411_AddingToolT1.png\")
<\/p>\n![\"\"](\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2018\/12\/120518_1411_AddingToolT2.png\")
<\/p>\n<\/li>\n