{"id":5975,"date":"2021-05-20T08:09:30","date_gmt":"2021-05-20T08:09:30","guid":{"rendered":"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/?p=5975"},"modified":"2021-05-21T08:01:38","modified_gmt":"2021-05-21T08:01:38","slug":"alt-text-hyperlinks-screentips","status":"publish","type":"post","link":"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/2021\/05\/20\/alt-text-hyperlinks-screentips\/","title":{"rendered":"Alt Text &amp; Hyperlinks\/ScreenTips"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"alignright size-large is-resized\"><a href=\"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Alt-Text-with-Background.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Alt-Text-with-Background.jpg\" alt=\"Alt Text Icon\" class=\"wp-image-5976\" width=\"196\" height=\"196\" srcset=\"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Alt-Text-with-Background.jpg 250w, https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Alt-Text-with-Background-150x150.jpg 150w\" sizes=\"auto, (max-width: 196px) 100vw, 196px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>Alt Text (Alternative Text) helps people with visual impairments access information in pictures and other graphical content, by adding descriptive text to convey its meaning and context. You can fix this by adding Alt Text to pictures, shapes, graphics, charts, or other objects in your Office 365 resources.<\/p>\n\n\n\n<p>To add alt text to a picture, shape, chart, or graphic, we recommend you <\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Select the image<\/li><li>Select the <strong>Picture<\/strong> Ribbon<\/li><li>Select Alt Text <\/li><li>Complete the Alt text form that will be shown on the right.<\/li><\/ol>\n\n\n\n<p>Alternatively in PowerPoint or OneNote simply  <\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Right-click on the image<\/li><li>Select Alt Text from the menu.<\/li><li>Complete the form that will be shown on the right .<\/li><\/ol>\n\n\n\n<p>Remember it is import to add an accurate description for images that contain information or identify them as decorative.<\/p>\n\n\n\n<p>Check out this Microsoft video on how to add alt text in Word below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.microsoft.com\/en-us\/videoplayer\/embed\/RWegyZ?pid=ocpVideo0-innerdiv-oneplayer&amp;postJsllMsg=true&amp;maskLevel=20&amp;market=en-us\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"546\" src=\"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Alt-Text-video-thumbnail-1024x546.png\" alt=\"Improve accessibility with alt text video thumbnail and link to video\" class=\"wp-image-5980\" srcset=\"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Alt-Text-video-thumbnail-1024x546.png 1024w, https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Alt-Text-video-thumbnail-300x160.png 300w, https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Alt-Text-video-thumbnail-768x410.png 768w, https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Alt-Text-video-thumbnail-1536x819.png 1536w, https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Alt-Text-video-thumbnail-1440x768.png 1440w, https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Alt-Text-video-thumbnail.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Hyperlink text and ScreenTips.<\/strong><\/h4>\n\n\n\n<p class=\"has-text-align-left\">When adding links to your resources you need to make sure the text you use is meaningful so it makes sense as standalone information. It must convey what the destination of the link is within the linking text. Instead of linking to the text or images with &#8220;Click here&#8221;, use a descriptive title for example to link to our C.H.I.L.L video If it was text, I would write <a rel=\"noreferrer noopener\" href=\"https:\/\/youtu.be\/N29Db5AFLbA\" target=\"_blank\">Accessibility Top 5 Things To Remember C.H.I.L.L video<\/a> or if I was linking from an image, for example, the thumbnail of this video I would add a ScreenTip of \u2018Link to C.H.I.L.L video on the top 5 things to remember about accessibility that then appears when your cursor hovers over the image that includes that hyperlink. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">! To add screen tip you will need to use the desktop version of Microsoft office.<\/h4>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright size-large is-resized\"><a href=\"http:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/ScreenTips-example-1.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/ScreenTips-example-1.png\" alt=\"example of how a ScreenTip shows when hovering over an image with your cursor\" class=\"wp-image-5982\" width=\"368\" height=\"267\" srcset=\"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/ScreenTips-example-1.png 590w, https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/ScreenTips-example-1-300x218.png 300w\" sizes=\"auto, (max-width: 368px) 100vw, 368px\" \/><\/a><\/figure><\/div>\n\n\n\n<p class=\"has-text-align-left\">To add a link and ScreenTip<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Highlight the text<\/li><li>Right-click <\/li><li>Select Link or Hyperlink (app dependent)<\/li><li>Select the ScreenTip button in the top right-hand corner of the Insert Hyperlink window that opens. <\/li><\/ol>\n\n\n\n<p>For an image<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Right click on the image<\/li><li>Select Link\/Hyperlink (app dependent)<\/li><li>Select the ScreenTip button in the top right hand corner of the Insert Hyperlink window that opens.<\/li><\/ol>\n\n\n\n<p>Check out this Microsoft video on how to create accessible links below:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.microsoft.com\/en-us\/videoplayer\/embed\/RWfzeB?pid=ocpVideo0-innerdiv-oneplayer&amp;postJsllMsg=true&amp;maskLevel=20&amp;market=en-us\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"573\" src=\"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Link-video-thumbnail-1024x573.png\" alt=\"Create accessibile links in Word video thumbnail and link to video\" class=\"wp-image-5985\" srcset=\"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Link-video-thumbnail-1024x573.png 1024w, https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Link-video-thumbnail-300x168.png 300w, https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Link-video-thumbnail-768x430.png 768w, https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Link-video-thumbnail-1536x860.png 1536w, https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Link-video-thumbnail-1440x806.png 1440w, https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/files\/2021\/05\/Link-video-thumbnail.png 1607w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/support.microsoft.com\/en-us\/topic\/everything-you-need-to-know-to-write-effective-alt-text-df98f884-ca3d-456c-807b-1a1fa82f5dc2\" target=\"_blank\" rel=\"noreferrer noopener\">Everything you need to know to write effective alt text<\/a><\/div>\n<\/div>\n\n\n\n<p>If you have any questions contact the Digital Learning Team at: <a rel=\"noreferrer noopener\" href=\"mailto:digitallearning@loucoll.ac.uk\" target=\"_blank\">digitallearning@loucoll.ac.uk<\/a> and don\u2019t forget to check our blog again tomorrow for the next instalment in our Accessibility bite size blog series.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Alt Text (Alternative Text) helps people with visual impairments access information in pictures and other graphical content, by adding descriptive text to convey its meaning and context. You can fix this by adding Alt Text to pictures, shapes, graphics, charts, or other objects in your Office 365 resources. To add &hellip;<\/p>\n","protected":false},"author":119,"featured_media":6013,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[181,182,153],"tags":[],"class_list":["post-5975","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-accessibility","category-accessibility-bite-size","category-news"],"acf":[],"_links":{"self":[{"href":"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/wp-json\/wp\/v2\/posts\/5975","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/wp-json\/wp\/v2\/users\/119"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/wp-json\/wp\/v2\/comments?post=5975"}],"version-history":[{"count":26,"href":"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/wp-json\/wp\/v2\/posts\/5975\/revisions"}],"predecessor-version":[{"id":6109,"href":"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/wp-json\/wp\/v2\/posts\/5975\/revisions\/6109"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/wp-json\/wp\/v2\/media\/6013"}],"wp:attachment":[{"href":"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/wp-json\/wp\/v2\/media?parent=5975"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/wp-json\/wp\/v2\/categories?post=5975"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.loucoll.ac.uk\/learningtechnology\/wp-json\/wp\/v2\/tags?post=5975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}