{"id":434,"date":"2018-06-20T19:19:30","date_gmt":"2018-06-20T19:19:30","guid":{"rendered":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/?post_type=chapter&#038;p=434"},"modified":"2022-08-04T19:12:47","modified_gmt":"2022-08-04T19:12:47","slug":"chapter-1-10-screen-magnification-software-for-accessing-online-content","status":"publish","type":"chapter","link":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/chapter\/chapter-1-10-screen-magnification-software-for-accessing-online-content\/","title":{"rendered":"Screen Magnification Software for Accessing Online Content"},"content":{"raw":"People with low vision include those with part of their field of view blocked, or blurred. Glaucoma causes tunnel vision, reducing the field of view around the outer edges. <span>Macular<\/span> degeneration causes blockage of vision in the central part of the eye. Cataracts will cause blurred vision. People with low vision frequently use magnification programs to view the computer screen. Operating systems have built-in magnifiers and there are third party ones that are more feature rich. Screen magnifiers built into operating systems are <em>Windows Magnifier<\/em> on the Windows platform and <em>Zoom<\/em> on <span>MacOS<\/span>\u00a0and <span>iOS<\/span>. \u00a0More feature rich magnification programs are <a href=\"https:\/\/youtu.be\/ojtiVj78QPw\" title=\"Link takes you to Youtube video introduction to ZoomText and Screen Magnifiers\" target=\"_blank\" rel=\"noopener\"><em><span>ZoomText<\/span><\/em><\/a>\u00a0and <em><span>MAGic<\/span><\/em>. Screen magnifiers typically provide features like variable magnification, color contrast adjustment, text to speech, and tools for helping with cursor tracking and focus.\r\n\r\nSome users will magnify what they see in a browser by pressing the\u00a0<strong>CTRL<\/strong> key followed by the <strong>+<\/strong> key on their keyboard. They\u00a0zoom back out by pressing <strong>CTRL \u2013<\/strong> . Users can also increase the font size within their browser settings to be greater than the default 16 pixels.\r\n\r\nSeeing a small portion of the screen at once can cause problems with orientation and navigation. Split screen modes are possible in which one side presents the enlarged version of the content and the other side presents the non-magnified view of the page, but this uses up screen real estate. Other screen magnifiers will use a picture in picture mode. This presents as an enlarged outlined area over the top of the page wherever the mouse is pointing on the page. It's best to avoid using multi-column layouts in order to help users with low vision view your content.\r\n<h2>Views Using Screen Magnifiers<\/h2>\r\n<div style=\"width: 90%;\">\r\n<div style=\"float: left; margin-right: 2em;\">\r\n\r\nUsing <span>MAGic<\/span>\u00a0at 2 Times Magnification:\r\n\r\n<img src=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-content\/uploads\/sites\/8\/2018\/06\/MAGic_at_2x.jpg\" alt=\"MAGic enlarging a Word document at 2 times magnification\" width=\"473\" height=\"296\" class=\"clear\" \/>\r\n\r\nUsing MAGic at 5 Times Magnification with Inverted Contrast:\r\n\r\n<img src=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-content\/uploads\/sites\/8\/2018\/06\/MAGic_at_5x.gif\" alt=\"MAGic enlarging the screen 5 times and displaying white text against a black background.\" width=\"473\" height=\"296\" class=\"clear\" \/>\r\n\r\nUsing MAGic at 8 Times Magnification:\r\n\r\n<img src=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-content\/uploads\/sites\/8\/2018\/06\/MAGic_at_8x.gif\" alt=\"MAGic displaying the upper right corner of Word at 8 times magnification.\" width=\"473\" height=\"296\" class=\"clear\" \/>\r\n<h2>Difficulties with using Screen Magnifiers<\/h2>\r\nWhen a student uses a screen magnifier they might have trouble with scanning the screen to find specific content they are looking for. This might make performing certain tasks take more time than they would for other students. If images that the student is viewing were produced with a low resolution (usually below 300<span>dpi<\/span>), the greater the magnification the more difficult it will be to read the content in the image. If color is used for conveying information, an inverted contrast or color filtering might make it impossible to identify the color that the student needs to see. Students using this technology commonly have difficulties perceiving color as well.\r\n<h2>Font Style, Color, and Size Adjustment<\/h2>\r\n<div style=\"clear: both; width: 90%;\">\r\n<div style=\"clear: both;\">\r\n<div style=\"float: left; margin-right: 2em;\">\r\n\r\nUnfiltered:\r\n\r\n<img src=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-content\/uploads\/sites\/8\/2018\/06\/unfiltered_Screen_Magnifier.jpg\" alt=\"An unfiltered display of a web page with a screen magnifier. It shows gray color to the background of the web page.\" width=\"473\" height=\"296\" class=\"clear alignnone\" \/>\r\n\r\nImage of High Contrast White:\r\n\r\n<img src=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-content\/uploads\/sites\/8\/2018\/06\/screenMagnifier_highContrast_White.jpg\" alt=\"A screen magnifier showing a browser page in high contrast white. All of the background colors of the site are white. Only text and images appear to have color.\" width=\"479\" height=\"301\" class=\"clear\" \/>\r\n\r\nImage of a Color Tinted Screen:\r\n\r\n<img src=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-content\/uploads\/sites\/8\/2018\/06\/colorTinted_screenMagnifier1.jpg\" alt=\"A web page displaying with an intense cyan color to its background. Images appear to be in their original colors, but the text links appear shifted to a brighter and darker blue.\" width=\"479\" height=\"299\" class=\"clear\" \/>\r\n\r\nImage of Negative Contrast:\r\n\r\n<img src=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-content\/uploads\/sites\/8\/2018\/06\/negativeContrast_ScreenMagnifier.jpg\" alt=\"A web page displaying with a black background instead of white. Text links are a dark blue or visited links are dark purple, which are difficult for someone with normal color vision to see against the black background. \" width=\"479\" height=\"299\" class=\"clear\" \/>\r\n<div style=\"clear: both;\">\r\n<h2>Difficulties with Font and Color Adjustment<\/h2>\r\nUsing <em>images of text<\/em> instead of text will make it so that the person cannot adjust the preferences they need to be able to see the content. This happens commonly when people use PDF documents without proper accessibility elements, images of foreign language or images of mathematical text. People can have difficulty making these adjustments if documents were prepared with spacing instead of using proper table structure or multi-column layout in Word. People also have difficulty making adjustments with a screen magnification program when\u00a0text with fixed positions on the page are used, such as when text is put in <span>text boxes<\/span> with fixed sizes to create a <span>callout<\/span>. When enlarged, the text can overlap or be displayed in an order that no longer makes sense. If color is used as the only method for providing information, when the color is changed it might nullify the message.\r\n<h2>Printed Content<\/h2>\r\nStudents with low vision will also sometimes print <span>online<\/span>\u00a0documents to make adjustments like those seen in the images above.\u00a0Students who do this typically are looking to make the text larger, or make the colors less busy, so that they can print an easier to read document. Students with low vision also use <span>handheld<\/span> magnifiers or electronic magnifiers which can apply tinting or invert the colors of the printed document. If the student is not able to customize the printed document, it may make the document harder or even impossible to read with the magnifier. Elements that make this harder to accomplish are text embedded into images, customizing colors inside of individual\u00a0<span>PowerPoint<\/span> slides instead of within a <span>PowerPoint<\/span>\u00a0theme slide, and using floating <span>textboxes<\/span> in Word.\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n&nbsp;\r\n\r\n<\/div>\r\n<\/div>","rendered":"<p>People with low vision include those with part of their field of view blocked, or blurred. Glaucoma causes tunnel vision, reducing the field of view around the outer edges. Macular degeneration causes blockage of vision in the central part of the eye. Cataracts will cause blurred vision. People with low vision frequently use magnification programs to view the computer screen. Operating systems have built-in magnifiers and there are third party ones that are more feature rich. Screen magnifiers built into operating systems are <em>Windows Magnifier<\/em> on the Windows platform and <em>Zoom<\/em> on MacOS\u00a0and iOS. \u00a0More feature rich magnification programs are <a href=\"https:\/\/youtu.be\/ojtiVj78QPw\" title=\"Link takes you to Youtube video introduction to ZoomText and Screen Magnifiers\" target=\"_blank\" rel=\"noopener\"><em>ZoomText<\/em><\/a>\u00a0and <em>MAGic<\/em>. Screen magnifiers typically provide features like variable magnification, color contrast adjustment, text to speech, and tools for helping with cursor tracking and focus.<\/p>\n<p>Some users will magnify what they see in a browser by pressing the\u00a0<strong>CTRL<\/strong> key followed by the <strong>+<\/strong> key on their keyboard. They\u00a0zoom back out by pressing <strong>CTRL \u2013<\/strong> . Users can also increase the font size within their browser settings to be greater than the default 16 pixels.<\/p>\n<p>Seeing a small portion of the screen at once can cause problems with orientation and navigation. Split screen modes are possible in which one side presents the enlarged version of the content and the other side presents the non-magnified view of the page, but this uses up screen real estate. Other screen magnifiers will use a picture in picture mode. This presents as an enlarged outlined area over the top of the page wherever the mouse is pointing on the page. It&#8217;s best to avoid using multi-column layouts in order to help users with low vision view your content.<\/p>\n<h2>Views Using Screen Magnifiers<\/h2>\n<div style=\"width: 90%;\">\n<div style=\"float: left; margin-right: 2em;\">\n<p>Using MAGic\u00a0at 2 Times Magnification:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-content\/uploads\/sites\/8\/2018\/06\/MAGic_at_2x.jpg\" alt=\"MAGic enlarging a Word document at 2 times magnification\" width=\"473\" height=\"296\" class=\"clear\" \/><\/p>\n<p>Using MAGic at 5 Times Magnification with Inverted Contrast:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-content\/uploads\/sites\/8\/2018\/06\/MAGic_at_5x.gif\" alt=\"MAGic enlarging the screen 5 times and displaying white text against a black background.\" width=\"473\" height=\"296\" class=\"clear\" \/><\/p>\n<p>Using MAGic at 8 Times Magnification:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-content\/uploads\/sites\/8\/2018\/06\/MAGic_at_8x.gif\" alt=\"MAGic displaying the upper right corner of Word at 8 times magnification.\" width=\"473\" height=\"296\" class=\"clear\" \/><\/p>\n<h2>Difficulties with using Screen Magnifiers<\/h2>\n<p>When a student uses a screen magnifier they might have trouble with scanning the screen to find specific content they are looking for. This might make performing certain tasks take more time than they would for other students. If images that the student is viewing were produced with a low resolution (usually below 300dpi), the greater the magnification the more difficult it will be to read the content in the image. If color is used for conveying information, an inverted contrast or color filtering might make it impossible to identify the color that the student needs to see. Students using this technology commonly have difficulties perceiving color as well.<\/p>\n<h2>Font Style, Color, and Size Adjustment<\/h2>\n<div style=\"clear: both; width: 90%;\">\n<div style=\"clear: both;\">\n<div style=\"float: left; margin-right: 2em;\">\n<p>Unfiltered:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-content\/uploads\/sites\/8\/2018\/06\/unfiltered_Screen_Magnifier.jpg\" alt=\"An unfiltered display of a web page with a screen magnifier. It shows gray color to the background of the web page.\" width=\"473\" height=\"296\" class=\"clear alignnone\" \/><\/p>\n<p>Image of High Contrast White:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-content\/uploads\/sites\/8\/2018\/06\/screenMagnifier_highContrast_White.jpg\" alt=\"A screen magnifier showing a browser page in high contrast white. All of the background colors of the site are white. Only text and images appear to have color.\" width=\"479\" height=\"301\" class=\"clear\" \/><\/p>\n<p>Image of a Color Tinted Screen:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-content\/uploads\/sites\/8\/2018\/06\/colorTinted_screenMagnifier1.jpg\" alt=\"A web page displaying with an intense cyan color to its background. Images appear to be in their original colors, but the text links appear shifted to a brighter and darker blue.\" width=\"479\" height=\"299\" class=\"clear\" \/><\/p>\n<p>Image of Negative Contrast:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-content\/uploads\/sites\/8\/2018\/06\/negativeContrast_ScreenMagnifier.jpg\" alt=\"A web page displaying with a black background instead of white. Text links are a dark blue or visited links are dark purple, which are difficult for someone with normal color vision to see against the black background.\" width=\"479\" height=\"299\" class=\"clear\" \/><\/p>\n<div style=\"clear: both;\">\n<h2>Difficulties with Font and Color Adjustment<\/h2>\n<p>Using <em>images of text<\/em> instead of text will make it so that the person cannot adjust the preferences they need to be able to see the content. This happens commonly when people use PDF documents without proper accessibility elements, images of foreign language or images of mathematical text. People can have difficulty making these adjustments if documents were prepared with spacing instead of using proper table structure or multi-column layout in Word. People also have difficulty making adjustments with a screen magnification program when\u00a0text with fixed positions on the page are used, such as when text is put in text boxes with fixed sizes to create a callout. When enlarged, the text can overlap or be displayed in an order that no longer makes sense. If color is used as the only method for providing information, when the color is changed it might nullify the message.<\/p>\n<h2>Printed Content<\/h2>\n<p>Students with low vision will also sometimes print online\u00a0documents to make adjustments like those seen in the images above.\u00a0Students who do this typically are looking to make the text larger, or make the colors less busy, so that they can print an easier to read document. Students with low vision also use handheld magnifiers or electronic magnifiers which can apply tinting or invert the colors of the printed document. If the student is not able to customize the printed document, it may make the document harder or even impossible to read with the magnifier. Elements that make this harder to accomplish are text embedded into images, customizing colors inside of individual\u00a0PowerPoint slides instead of within a PowerPoint\u00a0theme slide, and using floating textboxes in Word.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n<\/div>\n<\/div>\n","protected":false},"author":7,"menu_order":11,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":["heather-caprette","jeff-dell"],"pb_section_license":""},"chapter-type":[],"contributor":[61,64],"license":[],"class_list":["post-434","chapter","type-chapter","status-publish","hentry","contributor-heather-caprette","contributor-jeff-dell"],"part":382,"_links":{"self":[{"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-json\/pressbooks\/v2\/chapters\/434","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-json\/wp\/v2\/users\/7"}],"version-history":[{"count":16,"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-json\/pressbooks\/v2\/chapters\/434\/revisions"}],"predecessor-version":[{"id":519,"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-json\/pressbooks\/v2\/chapters\/434\/revisions\/519"}],"part":[{"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-json\/pressbooks\/v2\/parts\/382"}],"metadata":[{"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-json\/pressbooks\/v2\/chapters\/434\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-json\/wp\/v2\/media?parent=434"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-json\/pressbooks\/v2\/chapter-type?post=434"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-json\/wp\/v2\/contributor?post=434"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks.ulib.csuohio.edu\/accessibility\/wp-json\/wp\/v2\/license?post=434"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}