- From: Steve Green <steve.green@testpartners.co.uk>
- Date: Fri, 11 Sep 2020 14:12:41 +0000
- To: Alastair Campbell <acampbell@nomensa.com>, Wayne Dick <wayneedick@gmail.com>
- CC: W3C WAI ig <w3c-wai-ig@w3.org>
- Message-ID: <DB7PR09MB22357A1CDA043DEEF0DE0F2EC7240@DB7PR09MB2235.eurprd09.prod.outlook.com>
That’s a good idea, but for our purposes we want to leave the offending elements in place, not remove them, so I have modified the bookmarklet so it changes "position:fixed" to "position:absolute". This leaves the element in the same place, but now it moves with the rest of the page. It has worked on all the websites I have tried it on, but I would be interested if you find any it doesn't work on. I know it doesn't work on https://www.hellobar.com/ because that site uses evil JavaScript to put "position:fixed" back in if you remove or change it. The modified bookmarklet code is: javascript:(function () { var i, elements = document.querySelectorAll('body *'); for (i = 0; i < elements.length; i++) { if (getComputedStyle(elements[i]).position === 'fixed') { elements[i].setAttribute("style", "position:absolute"); } }})(); Steve Green Managing Director Test Partners Ltd From: Alastair Campbell <acampbell@nomensa.com> Sent: 11 September 2020 13:34 To: Wayne Dick <wayneedick@gmail.com> Cc: W3C WAI ig <w3c-wai-ig@w3.org> Subject: RE: Reflow Coming to this late, but there is a useful bookmarklet called “Kill Sticky headers”: https://alisdair.mcdiarmid.org/kill-sticky-headers/ It’s a work-around, if you do need something in the sticky (like the menu), you’ll probably have to refresh the page. It is a known issue, in a WCAG 2.x context it’s quite hard to define ‘too big’ across the diversity of scenarios on the web. However, it’s something that might fit Silver (WCAG 3.0) better, which will take a more nuanced view on testing. Cheers, -Alastair From: Wayne Dick <wayneedick@gmail.com<mailto:wayneedick@gmail.com>> Sent: 28 August 2020 02:13 To: W3C WAI ig <w3c-wai-ig@w3.org<mailto:w3c-wai-ig@w3.org>> Subject: Reflow The web has definitely gotten better. Lots of sites have gotten the reflow idea well. My biggest problem is fixed position elements. Many sites reflow really well, but after the fixed elements take up their space, there are only one or two lines of main content left. The problem with fixed position elements is they zoom up 400% too. Even those buttons that jump you to the top get very big. It seems to be prevalent. Anyone else noticed that. Here is a really terrible site: https://www.csulb.edu/ Best, Wayne
Received on Friday, 11 September 2020 14:12:57 UTC