{"id":959,"date":"2019-02-01T15:25:22","date_gmt":"2019-02-01T20:25:22","guid":{"rendered":"https:\/\/wordpress.ocps.net\/presenceblog\/?p=959"},"modified":"2019-04-03T11:55:00","modified_gmt":"2019-04-03T15:55:00","slug":"how-to-correctly-copy-an-email-address","status":"publish","type":"post","link":"https:\/\/wordpress.ocps.net\/presenceblog\/how-to-correctly-copy-an-email-address\/","title":{"rendered":"How to Correctly Copy an Email Address"},"content":{"rendered":"<p>In auditing hundreds of web pages over the past few weeks, I noticed several cases in which the email address includes an &#8216;extra&#8217; prefix: &#8216;mailto:&#8217;.  This can occur in any one of several ways.<\/p>\n<ul>\n<li>\n<div>The person entering the information in the Hyperlink Manager is not aware that the &#8216;mailto:&#8217; prefix should not be entered in the Hyperlink Manager dialog as shown below.<\/div>\n<p><img decoding=\"async\" alt=\"\" src=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2019\/02\/020119_2021_HowtoCorrec1.png\"><\/li>\n<li>\n<div>Or the person is using either IE or EDGE as their browser and right clicked the email address on another page that displayed the email address and selected either <strong>Copy Link<\/strong> (Edge) or <strong>Copy Shortcut<\/strong> (IE).  Both browsers result in the string &#8216;mailto:&#8217; being included with the copied email address text.  This causes a problem when pasted the address into the Hyperlink Manager, problem that does not occur if you are using Chrome, Firefox, or Safari.<\/div>\n<p><img decoding=\"async\" alt=\"\" src=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2019\/02\/020119_2021_HowtoCorrec2.png\"><\/li>\n<\/ul>\n<p>Being aware of the problem, you could remember to remove the &#8216;mailto&#8217; prefix after you paste it in the Hyperlink Manager.  But that is not a reliable solution.  So how could you copy a link reliably no matter what browser you use?  You can avoid this problem entirely by following these steps:<\/p>\n<ol>\n<li>Select the email address from any web page by dragging through it<\/li>\n<li>Press <strong>CTRL-C<\/strong> or right click and select <strong>Copy<\/strong>, not <strong>Copy Link<\/strong> or <strong>Copy Shortcut<\/strong> to place the email address on the clipboard.<\/li>\n<li>\n<div>Now when you paste the contents of the clipboard, you will get only the email address, no prefix.  (See URL box in the following image.)<\/div>\n<p><img decoding=\"async\" alt=\"\" src=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2019\/02\/020119_2021_HowtoCorrec3.png\"><\/li>\n<li>\n<div>When you click <strong>OK<\/strong>, the content edit dialog shows the following information in the properties box at the bottom of the dialog when you click anywhere within the email link.<\/div>\n<p><img decoding=\"async\" alt=\"\" src=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2019\/02\/020119_2021_HowtoCorrec4.png\"><\/li>\n<li>\n<div>Note that before clicking <strong>Publish<\/strong>, you should add a <strong>TITLE<\/strong> property for the email link.  The <strong>TITLE<\/strong> property displays as Alt-Text when the user hovers over the email link on the web page.<\/div>\n<p><img decoding=\"async\" alt=\"\" src=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2019\/02\/020119_2021_HowtoCorrec5.png\"><\/li>\n<\/ol>\n<p>Now, when the user clicks on the email link, a proper email address without the prefix &#8216;mailto:&#8217; appears in the <strong>TO<\/strong>: field of their mail program no matter which browser they started with.<\/p>\n<p><img decoding=\"async\" alt=\"\" src=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2019\/02\/020119_2021_HowtoCorrec6.png\"><\/p>\n<p>Hopefully, this will eliminate most of the bad email addresses on many of our web site&#8217;s pages.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In auditing hundreds of web pages over the past few weeks, I noticed several cases in which the email address includes an &#8216;extra&#8217; prefix: &#8216;mailto:&#8217;. This can occur in any one of several ways. The person entering the information in the Hyperlink Manager is not aware that the &#8216;mailto:&#8217; prefix should not be entered in &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/wordpress.ocps.net\/presenceblog\/how-to-correctly-copy-an-email-address\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;How to Correctly Copy an Email Address&#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":[33,36],"tags":[82],"class_list":["post-959","post","type-post","status-publish","format-standard","hentry","category-post-that-explains-how-to-perform-a-specific-activity","category-post-showing-a-specific-tip-or-trick-related-to-web-sites","tag-email-address"],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":432,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/how-to-enter-email-links\/","url_meta":{"origin":959,"position":0},"title":"How to Enter Email Links","author":"Carlos Hernandez","date":"January 22, 2018","format":false,"excerpt":"When you enter an email address on a web page, it is very important that the final address link on the page includes the prefix: mailto: before the email address. If it does not, the email address may be interpreted as a web page instead which of course will result\u2026","rel":"","context":"In &quot;How-To&quot;","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":888,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/adding-email-links-on-a-web-page\/","url_meta":{"origin":959,"position":1},"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 &quot;How-To&quot;","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":916,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/adding-tooltips-to-email-hyperlinks\/","url_meta":{"origin":959,"position":2},"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":926,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/a-tooltip-reminder\/","url_meta":{"origin":959,"position":3},"title":"A Tooltip Reminder","author":"Carlos Hernandez","date":"January 4, 2019","format":false,"excerpt":"Today's post is just a brief reminder that all links must have reasonable alt-text to help vision challenged visitors to our sites navigate with the existing links. It will discuss two basic types of links: Page\/document links and Email links. Page and document links take a user to either another\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":1307,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/all-img-elements-must-have-an-alt-attribute\/","url_meta":{"origin":959,"position":4},"title":"All IMG elements must have an ALT attribute","author":"Carlos Hernandez","date":"September 23, 2019","format":false,"excerpt":"While it is true that images added to a web page using the Image Manager button in the content editor menu will not currently allow you to add an image to a content area without entering text into the Alt-Text field, there are still many images throughout the portal where\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":"Image Manager Button in Edit Menu","src":"https:\/\/i0.wp.com\/wordpress.ocps.net\/wp-content\/uploads\/2019\/09\/092019_1721_AllIMGeleme1.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":847,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/quick-tip-you-need-to-do-more-than-just-say-click-here\/","url_meta":{"origin":959,"position":5},"title":"Quick Tip: You Need to do more than just say Click Here","author":"Carlos Hernandez","date":"October 19, 2018","format":false,"excerpt":"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 'Click Here' to go to another page, or to a form, or to open a document. However, according to accessibility\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\/959","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=959"}],"version-history":[{"count":2,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts\/959\/revisions"}],"predecessor-version":[{"id":961,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts\/959\/revisions\/961"}],"wp:attachment":[{"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/media?parent=959"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/categories?post=959"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/tags?post=959"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}