{"id":6967,"date":"2020-10-05T13:16:08","date_gmt":"2020-10-05T17:16:08","guid":{"rendered":"https:\/\/blogs.swarthmore.edu\/its\/?p=6967"},"modified":"2024-08-13T15:08:09","modified_gmt":"2024-08-13T19:08:09","slug":"built-in-reading-tools-firefox-safari","status":"publish","type":"post","link":"https:\/\/blogs.swarthmore.edu\/its\/2020\/10\/05\/built-in-reading-tools-firefox-safari\/","title":{"rendered":"Built-in Reading Tools: Firefox &#038; Safari"},"content":{"rendered":"\n<p>Recent blog posts have suggested tools and techniques to help with eye fatigue and strain.  Today I want to make you aware of reading tools that are built-in to the Firefox and Safari browsers.<\/p>\n\n\n\n<p>Both of these browsers offer a &#8220;Reading View&#8221;.  The Reader View provides a very clean clutter-free page that focuses just on the article.  With the Reader View engaged, you can control the text size, font family, and the page&#8217;s background and foreground colors. <\/p>\n\n\n\n<p>They also both work on mobile devices such as tablets and phones, and allow you to save articles for later reading. Not all sites are available for the Reader View but when they are you&#8217;ll see an icon in the address area that looks like a page with lines. I describe and show you how to find these later in this article.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Safari<\/h2>\n\n\n\n<p>On Safari the reader icon is usually on the left side of the URL:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"549\" height=\"36\" src=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2020\/10\/SafariReadView-1.png\" alt=\"\" class=\"wp-image-6969\" srcset=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2020\/10\/SafariReadView-1.png 549w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2020\/10\/SafariReadView-1-300x20.png 300w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2020\/10\/SafariReadView-1-270x18.png 270w\" sizes=\"auto, (max-width: 549px) 100vw, 549px\" \/><figcaption>The Safari Reader View button is located on the far left of the address bar<\/figcaption><\/figure>\n\n\n\n<p>Once I engage the Reader View in Safari it allows me to choose my font size and family, and what colors I want for foreground and background.  <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"866\" height=\"442\" src=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2020\/10\/SafariReader-TextOptions.png\" alt=\"\" class=\"wp-image-6971\" srcset=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2020\/10\/SafariReader-TextOptions.png 866w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2020\/10\/SafariReader-TextOptions-300x153.png 300w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2020\/10\/SafariReader-TextOptions-768x392.png 768w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2020\/10\/SafariReader-TextOptions-118x60.png 118w\" sizes=\"auto, (max-width: 866px) 100vw, 866px\" \/><figcaption>The text button is located on the far right once the Reader View is engaged in Safari<\/figcaption><\/figure>\n\n\n\n<p>I can also choose to have it come on automatically for all websites by right-clicking on the icon and choosing Reader Website Preferences.  I can also go to Safari&#8217;s &#8220;Preferences&#8221;, search for Reader, and set my options there.  This process works on both desktop and mobile.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Firefox<\/h2>\n\n\n\n<p>On Firefox, the icon is located on the right side of the URL:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"638\" height=\"47\" src=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2020\/10\/FirefoxReaderView.png\" alt=\"\" class=\"wp-image-6970\" srcset=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2020\/10\/FirefoxReaderView.png 638w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2020\/10\/FirefoxReaderView-300x22.png 300w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2020\/10\/FirefoxReaderView-270x20.png 270w\" sizes=\"auto, (max-width: 638px) 100vw, 638px\" \/><figcaption>The Firefox Review button is located on the far right of the URL<\/figcaption><\/figure>\n\n\n\n<p>The Firefox Reader offers limited control over the font family &#8211; you can only choose Serif or Sans Serif but it offers additional options not available in Safari. <\/p>\n\n\n\n<p>For example, it gives me an estimate of reading time.  It also allows me to listen to a page &#8211; a very nice feature when your eyes need a break but you still need to work. Finally, under the text button, I love that I can set my line-height and how much of the screen I want the article to take.    <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"320\" height=\"353\" src=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2020\/10\/FirefoxTextOptions-2.jpg\" alt=\"\" class=\"wp-image-6975\" srcset=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2020\/10\/FirefoxTextOptions-2.jpg 320w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2020\/10\/FirefoxTextOptions-2-272x300.jpg 272w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2020\/10\/FirefoxTextOptions-2-54x60.jpg 54w\" sizes=\"auto, (max-width: 320px) 100vw, 320px\" \/><figcaption>The text button if Firefox offers many options to help with readability <\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">A third option<\/h2>\n\n\n\n<p>I want to also mention that <a rel=\"noreferrer noopener\" href=\"https:\/\/kb.swarthmore.edu\/display\/SW\/BeeLine+Reader+and+PDF+Viewer\" target=\"_blank\">BeeLine Reader <\/a>offers a &#8220;Clean Mode&#8221; which behaves similarly to the Reader View and allows me to control font, line-height, text colorization, and spacing between letters.  It also offers colorized text which seems to help reduce eye fatigue.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"294\" height=\"438\" src=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2020\/10\/BeeLineActivateCleanMode.jpg\" alt=\"\" class=\"wp-image-6977\" srcset=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2020\/10\/BeeLineActivateCleanMode.jpg 294w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2020\/10\/BeeLineActivateCleanMode-201x300.jpg 201w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2020\/10\/BeeLineActivateCleanMode-40x60.jpg 40w\" sizes=\"auto, (max-width: 294px) 100vw, 294px\" \/><\/figure>\n\n\n\n<p>If you are experiencing eye fatigue, give any of these tools a try.  I&#8217;d love to know what you think and if you have a favorite.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Recent blog posts have suggested tools and techniques to help with eye fatigue and strain. Today I want to make you aware of reading tools that are built-in to the Firefox and Safari browsers. Both of these browsers offer a &hellip; <a href=\"https:\/\/blogs.swarthmore.edu\/its\/2020\/10\/05\/built-in-reading-tools-firefox-safari\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Built-in Reading Tools: Firefox &#038; Safari<\/span><\/a><\/p>\n","protected":false},"author":57,"featured_media":6981,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_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":[2,71,113,114],"tags":[90],"class_list":{"0":"post-6967","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","6":"hentry","7":"category-academic-technology","8":"category-accessibility","9":"category-facultystaff","10":"category-students","11":"tag-featured","13":"fallback-thumbnail"},"jetpack_featured_media_url":"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2020\/09\/onlineEyeFatigue.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/ph2nPL-1On","_links":{"self":[{"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/posts\/6967","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/users\/57"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/comments?post=6967"}],"version-history":[{"count":5,"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/posts\/6967\/revisions"}],"predecessor-version":[{"id":9326,"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/posts\/6967\/revisions\/9326"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/media\/6981"}],"wp:attachment":[{"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/media?parent=6967"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/categories?post=6967"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/tags?post=6967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}