<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"><head><meta http-equiv=Content-Type content="text/html; charset=utf-8"><meta name=Generator content="Microsoft Word 15 (filtered medium)"><!--[if !mso]><style>v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style><![endif]--><title>WordPress.com</title><style><!--
/* Font Definitions */
@font-face
{font-family:Helvetica;
panose-1:2 11 6 4 2 2 2 2 2 4;}
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0in;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri",sans-serif;}
h2
{mso-style-priority:9;
mso-style-link:"Heading 2 Char";
mso-margin-top-alt:auto;
margin-right:0in;
mso-margin-bottom-alt:auto;
margin-left:0in;
font-size:18.0pt;
font-family:"Calibri",sans-serif;
font-weight:bold;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:#0088CC;
text-decoration:none none;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:#0088CC;
text-decoration:none none;}
p.msonormal0, li.msonormal0, div.msonormal0
{mso-style-name:msonormal;
mso-margin-top-alt:auto;
margin-right:0in;
mso-margin-bottom-alt:auto;
margin-left:0in;
font-size:11.0pt;
font-family:"Calibri",sans-serif;}
p.post, li.post, div.post
{mso-style-name:post;
mso-margin-top-alt:auto;
margin-right:0in;
mso-margin-bottom-alt:auto;
margin-left:0in;
line-height:16.8pt;
background:white;
font-size:11.0pt;
font-family:"Calibri",sans-serif;}
p.comment, li.comment, div.comment
{mso-style-name:comment;
mso-margin-top-alt:auto;
margin-right:0in;
mso-margin-bottom-alt:auto;
margin-left:0in;
line-height:16.8pt;
background:white;
font-size:11.0pt;
font-family:"Calibri",sans-serif;}
span.Heading2Char
{mso-style-name:"Heading 2 Char";
mso-style-priority:9;
mso-style-link:"Heading 2";
font-family:"Calibri Light",sans-serif;
color:#2F5496;}
p.subscribe-action-links, li.subscribe-action-links, div.subscribe-action-links
{mso-style-name:subscribe-action-links;
mso-margin-top-alt:auto;
margin-right:0in;
mso-margin-bottom-alt:auto;
margin-left:0in;
font-size:11.0pt;
font-family:"Calibri",sans-serif;}
span.EmailStyle24
{mso-style-type:personal-reply;
font-family:"Calibri",sans-serif;
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;
font-size:10.0pt;}
@page WordSection1
{size:8.5in 11.0in;
margin:1.0in 1.0in 1.0in 1.0in;}
div.WordSection1
{page:WordSection1;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]--></head><body lang=EN-US link="#0088CC" vlink="#0088CC"><div class=WordSection1><p class=MsoNormal><o:p> </o:p></p><p class=MsoNormal><a name="_MailEndCompose"><o:p> </o:p></a></p><span style='mso-bookmark:_MailEndCompose'></span><div><div style='border:none;border-top:solid #E1E1E1 1.0pt;padding:3.0pt 0in 0in 0in'><p class=MsoNormal><b>From:</b> Freedom Scientific Blog [mailto:donotreply@wordpress.com] <br><b>Sent:</b> Thursday, December 21, 2017 7:25 AM<br><b>To:</b> mota1252@gmail.com<br><b>Subject:</b> [New post] Responsive Web Design: Why one site can behave differently on different PCs and browsers<o:p></o:p></p></div></div><p class=MsoNormal><o:p> </o:p></p><table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 width="100%" style='width:100.0%;background:#DDDDDD'><tr><td style='padding:0in 0in 0in 0in'><p class=MsoNormal><span style='font-size:9.0pt;font-family:"Arial",sans-serif'>Jonathan Mosen posted: "Most of us visit a few websites regularly, and our familiarity with those sites speeds up our use of them. A well-structured website is a pleasure to use with JAWS, thanks to all the navigation quick keys that provide for moving by common elements such as" <o:p></o:p></span></p><div align=center><table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 width="100%" style='width:100.0%;min-width: 320px'><tr><td style='padding:7.5pt 7.5pt 7.5pt 7.5pt'><div><table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 style='max-width:768.0pt;background:white'><tr><td style='padding:0in 0in 0in 0in'><table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 width="100%" style='width:100.0%;background:#43A4D0'><tr><td style='padding:0in 0in 0in 0in'></td></tr></table><p class=MsoNormal><span style='font-size:9.0pt;font-family:"Arial",sans-serif;display:none'><o:p> </o:p></span></p><table class=MsoNormalTable border=1 cellspacing=0 cellpadding=0 width="100%" style='width:100.0%;background:#EFEFEF;border:none;border-bottom:solid #DDDDDD 1.0pt'><tr><td style='border:none;padding:0in 0in 0in 0in'><h2 style='mso-margin-top-alt:4.8pt;margin-right:0in;margin-bottom:.05in;margin-left:0in;font-size:16px!important;margin:20px!important'><span style='font-size:26.0pt;font-family:"Helvetica",sans-serif;color:#464646;font-weight:normal'>New post on </span><strong><span style='font-size:26.0pt;font-family:"Helvetica",sans-serif;color:#464646'>Freedom Scientific Blog</span></strong><span style='font-size:26.0pt;font-family:"Helvetica",sans-serif;color:#464646;font-weight:normal'> <o:p></o:p></span></h2></td><td style='border:none;padding:0in 0in 0in 0in'><p class=MsoNormal align=right style='text-align:right'><span style='font-size:14.5pt;font-family:"Arial",sans-serif;color:#0088CC;border:solid windowtext 1.0pt;padding:0in'><img width=32 height=32 style='width:.3333in;height:.3333in' id="_x0000_i1025" src="cid:image001.jpg@01D37A40.6B176FB0" alt="Image removed by sender."></span><span style='font-size:14.5pt;font-family:"Arial",sans-serif;color:#0088CC'><o:p></o:p></span></p></td></tr></table><p class=MsoNormal><span style='font-size:9.0pt;font-family:"Arial",sans-serif'><o:p> </o:p></span></p><table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 width="100%" style='width:100.0%;background:white'><tr><td style='padding:15.0pt 15.0pt 15.0pt 15.0pt'><table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 width="100%" style='width:100.0%'><tr><td valign=top style='padding:0in 0in 0in 0in'><table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 width="100%" style='width:100.0%'><tr><td nowrap valign=top style='padding:0in 0in 0in 0in'><p class=MsoNormal><span style='font-size:9.0pt;font-family:"Arial",sans-serif'><a href="http://blog.freedomscientific.com/?author=4"><span style='color:#2585B2;border:solid windowtext 1.0pt;padding:0in'><img border=0 width=50 height=50 style='width:.5208in;height:.5208in' id="_x0000_i1026" src="cid:image002.jpg@01D37A40.6B176FB0" alt="Image removed by sender."></span></a><o:p></o:p></span></p></td><td style='padding:0in 0in 0in 0in'><h2 style='margin:0in;margin-bottom:.0001pt'><span style='font-size:15.0pt;font-family:"Arial",sans-serif;color:#555555'><a href="/2017/12/21/responsive-web-design-why-one-site-can-behave-differently-on-different-pcs-and-browsers/"><u><span style='color:#2585B2'>Responsive Web Design: Why one site can behave differently on different PCs and browsers</span></u></a><o:p></o:p></span></h2><p class=MsoNormal><span style='font-size:9.0pt;font-family:"Arial",sans-serif;color:#888888'>by <a href="http://blog.freedomscientific.com/?author=4"><u><span style='color:#2585B2'>Jonathan Mosen</span></u></a> </span><span style='font-size:9.0pt;font-family:"Arial",sans-serif'><o:p></o:p></span></p></td></tr></table><div style='margin-top:12.0pt'><p style='mso-margin-top-alt:0in;margin-right:0in;margin-bottom:12.0pt;margin-left:0in;line-height:16.8pt'><span style='font-size:10.5pt;font-family:"Helvetica",sans-serif;color:#444444'>Most of us visit a few websites regularly, and our familiarity with those sites speeds up our use of them. A well-structured website is a pleasure to use with JAWS, thanks to all the navigation quick keys that provide for moving by common elements such as links, form controls and headings. You can also invoke lists of these elements, which may help you navigate the site more efficiently.<o:p></o:p></span></p><p style='mso-margin-top-alt:0in;margin-right:0in;margin-bottom:12.0pt;margin-left:0in;line-height:16.8pt'><span style='font-size:10.5pt;font-family:"Helvetica",sans-serif;color:#444444'>As we become more familiar with favorite sites, we have the option to customize our experience even further, using tools like place markers, <a href="http://blog.freedomscientific.com/2017/11/16/flexible-web-clear-the-clutter-harness-the-power/"><u><span style='color:#2585B2'>Flexible Web</span></u></a> and even scripts. These tools are particularly helpful when on the job, where it's important to get at the exact information you need as quickly as possible.<o:p></o:p></span></p><p style='mso-margin-top-alt:0in;margin-right:0in;margin-bottom:12.0pt;margin-left:0in;line-height:16.8pt'><span style='font-size:10.5pt;font-family:"Helvetica",sans-serif;color:#444444'>One question we get asked regularly relates to seemingly odd behavior, where you use a different browser on the same system, or your usual browser on another machine, and the site doesn't behave as you expect. Perhaps you have a desktop PC at work, and a Windows tablet for personal use, and the sites look and feel very different despite both PCs running the same version of Windows and JAWS.<o:p></o:p></span></p><p style='mso-margin-top-alt:0in;margin-right:0in;margin-bottom:12.0pt;margin-left:0in;line-height:16.8pt'><span style='font-size:10.5pt;font-family:"Helvetica",sans-serif;color:#444444'>That's certainly confusing and frustrating. What causes it?<o:p></o:p></span></p><p style='mso-margin-top-alt:0in;margin-right:0in;margin-bottom:12.0pt;margin-left:0in;line-height:16.8pt'><span style='font-size:10.5pt;font-family:"Helvetica",sans-serif;color:#444444'>Before answering that specific question, let's take a slightly wider view. When you visit a website, the experience you receive might vary depending on several factors. First, websites can receive information about the kind of browser you're using to access them. While it's becoming less common, some sites will still serve up a completely different, scaled-down site when a mobile browser, such as those found on Android and iOS, is detected. In that case, most mobile browsers provide for you to override this default behavior on the part of the website, and show you the full "desktop" site.<o:p></o:p></span></p><p style='mso-margin-top-alt:0in;margin-right:0in;margin-bottom:12.0pt;margin-left:0in;line-height:16.8pt'><span style='font-size:10.5pt;font-family:"Helvetica",sans-serif;color:#444444'>As for why you're getting a dissimilar experience on the same operating system using different machines or browsers, the most common reason for the variation is a technique known as "Responsive Web Design" or RWD for short. For those interested in a more developer-friendly explanation of this concept, you can <a href="https://en.wikipedia.org/wiki/Responsive_web_design"><u><span style='color:#2585B2'>read this Wikipedia article.</span></u></a><o:p></o:p></span></p><p style='mso-margin-top-alt:0in;margin-right:0in;margin-bottom:12.0pt;margin-left:0in;line-height:16.8pt'><span style='font-size:10.5pt;font-family:"Helvetica",sans-serif;color:#444444'>In practical terms, RWD means that one website can serve a range of devices and device configurations. It's great for the site's developers and content creators because there is only one site to maintain. It's a good thing for consumers because you don't have to be concerned about whether a feature is available on the version of the site you're visiting.<o:p></o:p></span></p><p style='mso-margin-top-alt:0in;margin-right:0in;margin-bottom:12.0pt;margin-left:0in;line-height:16.8pt'><span style='font-size:10.5pt;font-family:"Helvetica",sans-serif;color:#444444'>That said, RWD may cause some features to be invisible depending on your screen size. For example, let's say you visit a site with a common menu of links to key sections of the site. If you visit with your window maximized and your zoom level set to 100%, the site may detect this, and expand the menu for you, making the links and text easier to locate. However, if your window isn't maximized or your zoom level is lower than 100%, the site may make an intelligent decision to collapse that common set of links in the interests of best using the limited screen real-estate available. If the site makes appropriate use of text on its links, you'll usually be able to locate a link to expand the menu. That's fine when you know what's going on, but if you search for content you know is there using a technique like the JAWS Find command or the links list, and you get told that the text isn't found even though you definitely saw it there on another PC or browser, it can be disconcerting.<o:p></o:p></span></p><p style='mso-margin-top-alt:0in;margin-right:0in;margin-bottom:12.0pt;margin-left:0in;line-height:16.8pt'><span style='font-size:10.5pt;font-family:"Helvetica",sans-serif;color:#444444'>The solution is often a simple one. You can increase your chances of getting a consistent user experience across browsers and devices by following a couple of steps.<o:p></o:p></span></p><p style='mso-margin-top-alt:0in;margin-right:0in;margin-bottom:12.0pt;margin-left:0in;line-height:16.8pt'><span style='font-size:10.5pt;font-family:"Helvetica",sans-serif;color:#444444'>First and most important, make sure the zoom level in your browser is set to 100%. This can be done by tapping the ALT key and navigating whatever options are offered. Not all browsers offer a full menu bar nowadays, but a zoom option will be available. In Microsoft Edge, you can press control+0 to return to the default zoom level of 100%.<o:p></o:p></span></p><p style='mso-margin-top-alt:0in;margin-right:0in;margin-bottom:12.0pt;margin-left:0in;line-height:16.8pt'><span style='font-size:10.5pt;font-family:"Helvetica",sans-serif;color:#444444'>Second, if your browser supports it, it's a good idea to maximize the browser window, ensuring you have the most screen real-estate possible.<o:p></o:p></span></p><p style='mso-margin-top-alt:0in;margin-right:0in;margin-bottom:12.0pt;margin-left:0in;line-height:16.8pt'><span style='font-size:10.5pt;font-family:"Helvetica",sans-serif;color:#444444'>Being aware of, and responsive to responsive web design can help you get the most consistent, easily-searchable experience across browsers.<o:p></o:p></span></p><p style='mso-margin-top-alt:0in;margin-right:0in;margin-bottom:12.0pt;margin-left:0in;line-height:16.8pt'><span style='font-size:10.5pt;font-family:"Helvetica",sans-serif;color:#444444'>Finally, as this is our last blog post for 2017, may I thank you for reading these posts, and wish you a safe and restful holiday season. We're looking forward to being back with you in 2018 to bring you news from the cutting edge of assistive technology. There are going to be plenty of exciting developments to cover in the coming year.<o:p></o:p></span></p></div><div style='border-top:solid #EEEEEE 1.0pt;border-left:none;border-bottom:solid #EEEEEE 1.0pt;border-right:none;padding:11.0pt 0in 11.0pt 0in;margin-top:3.0pt;overflow:hidden'><p class=MsoNormal style='line-height:160%'><strong><span style='font-size:8.0pt;line-height:160%;font-family:"Arial",sans-serif;color:#999999'><a href="http://blog.freedomscientific.com/?author=4"><u><span style='color:#2585B2'>Jonathan Mosen</span></u></a></span></strong><span style='font-size:8.0pt;line-height:160%;font-family:"Arial",sans-serif;color:#999999'> | December 21, 2017 at 8:24 am | Categories: <a href="http://blog.freedomscientific.com/?taxonomy=category&term=jaws"><u><span style='color:#2585B2'>JAWS</span></u></a> | URL: <a href="https://wp.me/p94NCs-1R"><u><span style='color:#2585B2'>https://wp.me/p94NCs-1R</span></u></a> <o:p></o:p></span></p></div><table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 width=0 style='width:0in'><tr><td width=10 style='width:7.5pt;padding:0in 0in 0in 0in'><p class=MsoNormal><span style='font-size:9.0pt;font-family:"Arial",sans-serif'><a href="/2017/12/21/responsive-web-design-why-one-site-can-behave-differently-on-different-pcs-and-browsers/#respond"><span style='font-size:12.0pt;font-family:"Helvetica",sans-serif;color:white;border:solid #11729E 1.0pt;padding:4.0pt;background:#2585B2'>Comment</span></a><o:p></o:p></span></p></td><td style='padding:0in 0in 0in 0in'><p class=MsoNormal><span style='font-size:9.0pt;font-family:"Arial",sans-serif'> <a href="/2017/12/21/responsive-web-design-why-one-site-can-behave-differently-on-different-pcs-and-browsers/#comments"><u><span style='color:#2585B2'>See all comments</span></u></a><o:p></o:p></span></p></td></tr></table></td></tr></table></td></tr></table><p class=MsoNormal><span style='font-size:9.0pt;font-family:"Arial",sans-serif;display:none'><o:p> </o:p></span></p><table class=MsoNormalTable border=1 cellspacing=0 cellpadding=0 width="100%" style='width:100.0%;background:#EFEFEF;border:none;border-top:solid #DDDDDD 1.0pt'><tr><td style='border:none;border-top:solid #F3F3F3 1.0pt;padding:15.0pt 15.0pt 15.0pt 15.0pt'><p style='mso-margin-top-alt:0in;margin-right:0in;margin-bottom:7.5pt;margin-left:0in;line-height:16.8pt'><span style='font-size:9.0pt;font-family:"Helvetica",sans-serif;color:#444444'><a href="https://subscribe.wordpress.com/?key=fed1e21f6adab7783b9c4c29870eb282&email=mota1252%40gmail.com&b=ffShjV%2CMD.%7E2gx%7CqvQ6youXJRbZFHuFIW%3DRsf5354A-%7E8%7CKP%2CS"><u><span style='color:#2585B2'>Unsubscribe</span></u></a> to no longer receive posts from Freedom Scientific Blog.<br>Change your email settings at <a href="https://subscribe.wordpress.com/?key=fed1e21f6adab7783b9c4c29870eb282&email=mota1252%40gmail.com"><u><span style='color:#2585B2'>Manage Subscriptions</span></u></a>. <o:p></o:p></span></p><p style='margin:0in;margin-bottom:.0001pt;line-height:16.8pt'><strong><span style='font-size:9.0pt;font-family:"Helvetica",sans-serif;color:#444444'>Trouble clicking?</span></strong><span style='font-size:9.0pt;font-family:"Helvetica",sans-serif;color:#444444'> Copy and paste this URL into your browser: <br><a href="/2017/12/21/responsive-web-design-why-one-site-can-behave-differently-on-different-pcs-and-browsers/"><u><span style='color:#2585B2'>/2017/12/21/responsive-web-design-why-one-site-can-behave-differently-on-different-pcs-and-browsers/</span></u></a> <o:p></o:p></span></p></td></tr></table></td></tr></table><p class=MsoNormal><span style='font-size:9.0pt;font-family:"Arial",sans-serif;display:none'><o:p> </o:p></span></p><table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 width="100%" style='width:100.0%;background:#43A4D0'><tr><td style='padding:0in 0in 0in 0in'></td></tr></table></div></td></tr></table></div></td></tr></table><p class=MsoNormal><span style='font-size:9.0pt;font-family:"Arial",sans-serif;border:solid windowtext 1.0pt;padding:0in'><img border=0 width=1 height=1 style='width:.0104in;height:.0104in' id="_x0000_i1027" src="cid:image003.jpg@01D37A40.6B176FB0" alt="Image removed by sender."></span><span style='font-size:9.0pt;font-family:"Arial",sans-serif'><o:p></o:p></span></p></div></body></html>