{"id":1033,"date":"2019-03-08T10:51:32","date_gmt":"2019-03-08T15:51:32","guid":{"rendered":"https:\/\/wordpress.ocps.net\/presenceblog\/?p=1033"},"modified":"2019-04-03T11:53:41","modified_gmt":"2019-04-03T15:53:41","slug":"delete-that-hyperlink-before-you-delete-that-text","status":"publish","type":"post","link":"https:\/\/wordpress.ocps.net\/presenceblog\/delete-that-hyperlink-before-you-delete-that-text\/","title":{"rendered":"Delete that Hyperlink before you delete that Text"},"content":{"rendered":"<p>Back on March 5, 2019, I mentioned that I had found several cases where a hyperlink appeared to have been edited by visually deleting the text associated with the link, but not deleting the actual link. I mentioned there that you should select the link and delete the link portion first. What does that mean really? If you have a text hyperlink, the easiest way to delete the link first is to right click anywhere in the link to show the dropdown menu as shown in the figure below There are two options, <strong>Properties <\/strong>and <strong>Remove Link<\/strong>. This first figure shows that you can click <strong>Remove Link<\/strong> to quickly delete the link but leave the text. You may want to use this option when you don&#8217;t know the actual link, but do not want to leave a broken link on the page.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2019\/03\/030819_1551_DeletethatH1.png\" alt=\"\" \/><\/p>\n<p>The second option would have you edit the <strong>Properties<\/strong> of the link. This method is really best when you want to replace the existing link with another known link. If you don&#8217;t know the correct link and merely want to remove the existing but broken link, you might think that you could just remove the text in the URL box:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2019\/03\/030819_1551_DeletethatH2.png\" alt=\"\" \/><\/p>\n<p>But this is awkward at best because even with the URL field blank, you cannot click <strong>OK<\/strong> without first providing a <strong>Tooltip<\/strong>! A more appropriate choice is to click anywhere within the link text and click the <strong>Remove Link<\/strong> button from the Edit toolbar. You can highlight the text first, but you do not have to.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/wordpress.ocps.net\/wp-content\/uploads\/2019\/03\/030819_1551_DeletethatH3.png\" alt=\"\" \/><\/p>\n<p>In fact, this latter method is the recommended way to remove a link from around an image. Click on the image and then select the <strong>Remove Link<\/strong> button.<\/p>\n<p>Unfortunately, if you already have a phantom link on your page (a link that does not have a visual component), you will have to edit the HTML to remove the phantom link. Directly editing the HTML is not something you should do unless you know what you are doing. When you are not sure how to edit the HTML, ask someone else or send the page URL and the broken link text to presence@ocps.net<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Back on March 5, 2019, I mentioned that I had found several cases where a hyperlink appeared to have been edited by visually deleting the text associated with the link, but not deleting the actual link. I mentioned there that you should select the link and delete the link portion first. What does that mean &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/wordpress.ocps.net\/presenceblog\/delete-that-hyperlink-before-you-delete-that-text\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Delete that Hyperlink before you delete that Text&#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":[36],"tags":[79],"class_list":["post-1033","post","type-post","status-publish","format-standard","hentry","category-post-showing-a-specific-tip-or-trick-related-to-web-sites","tag-phantom-links"],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":1018,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/do-users-really-want-to-see-the-url-of-your-hyperlinks\/","url_meta":{"origin":1033,"position":0},"title":"Do Users Really Want to See the URL of Your Hyperlinks?","author":"Carlos Hernandez","date":"March 5, 2019","format":false,"excerpt":"Working with links When you enter a hyperlink within the content area of a page, the link has to surround either text or an image. (If not, the link is still checked whether it is valid or broken, but it is not visible on the page.) On many pages, I've\u2026","rel":"","context":"In &quot;Tips\/Tricks&quot;","block_context":{"text":"Tips\/Tricks","link":"https:\/\/wordpress.ocps.net\/presenceblog\/category\/post-showing-a-specific-tip-or-trick-related-to-web-sites\/"},"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":1033,"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":1243,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/hyperlinks-with-images-rather-than-link-text\/","url_meta":{"origin":1033,"position":2},"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 <img> tag's 'alt' attribute. There are many cases where this has been left blank or as an empty string.\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":1355,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/style-and-consistency-part-1-links\/","url_meta":{"origin":1033,"position":3},"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":888,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/adding-email-links-on-a-web-page\/","url_meta":{"origin":1033,"position":4},"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":959,"url":"https:\/\/wordpress.ocps.net\/presenceblog\/how-to-correctly-copy-an-email-address\/","url_meta":{"origin":1033,"position":5},"title":"How to Correctly Copy an Email Address","author":"Carlos Hernandez","date":"February 1, 2019","format":false,"excerpt":"In auditing hundreds of web pages over the past few weeks, I noticed several cases in which the email address includes an 'extra' prefix: 'mailto:'. This can occur in any one of several ways. The person entering the information in the Hyperlink Manager is not aware that the 'mailto:' prefix\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":[]}],"jetpack_likes_enabled":true,"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts\/1033","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=1033"}],"version-history":[{"count":2,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts\/1033\/revisions"}],"predecessor-version":[{"id":1036,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/posts\/1033\/revisions\/1036"}],"wp:attachment":[{"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/media?parent=1033"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/categories?post=1033"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.ocps.net\/presenceblog\/wp-json\/wp\/v2\/tags?post=1033"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}