- From: Wayne Dick <wayneedick@gmail.com>
- Date: Tue, 18 Jul 2017 19:27:06 -0700
- To: GLWAI Guidelines WG org <w3c-wai-gl@w3.org>, public-low-vision-a11y-tf <public-low-vision-a11y-tf@w3.org>
- Message-ID: <CAJeQ8SDx6A=jPRrD-RUMbcuR4Anpf_T3MLTnsL08KzSoFg=vGA@mail.gmail.com>
Surprisingly I have a complete answer to this problem. Browser Zoom applied to "symmetric" responsive design. What is symmetric responsive design. Put simply, it is responsive design that responds equally well to changes in device dimensions as it does to changes in browser zoom level. The general answer is personalization, but for content size symmetric responsive design does it. How precisely does it work: 1. For now assume our base resolution is 1280 by 720 and our font size for running text is 16px. This is the pivot case because it will act like 12pt type on other media and it divides well by 4. Thus 400% enlargement creates a 320 by 180 screen where the font size of 16px = 64px. That is about the best balance of size and space available for very large print. So, symetric reaponsive design should follow the list of do's and don't's below. Do: - Use symmetric responsive design - Make a break point class for resolution 320 by 180 - Use Expand / Collapse to give a users a time based sequence of full screen interactions with applications - Use appropriate inline markup to enable adaptation of text Don't - Use fixed position banners - Force the main area to occupy less than 80% of the screen space - Put controls in the middle of the main page area without an on / off mechanism - Put sprites in background images. If an author does this. The standard user agent technology becomes the best assistive technology available for users with low vision to read the web for both passive content and applications. Wayne
Received on Wednesday, 19 July 2017 02:28:17 UTC