- From: <andrew.nordlund@hrsdc-rhdcc.gc.ca>
- Date: Wed, 16 Sep 2020 11:19:15 +0000
- To: <w3c-wai-ig@w3.org>
- Message-ID: <354a2d93d4b140efb6440594dc42ed4c@hrsdc-rhdcc.gc.ca>
Hello, I'm looking at an interesting scenario that's caused a bit of an internal debate, and wondering if it's constitutes an accessibility problem (ie: a WCAG failure): When you load the page in question, all you see is the main content starting with an <h1> and then a paragraph, etc. So far so good. What happens next depends on how you navigate: A) If you scroll down with your mouse, arrow keys, or page-down key then after a short amount of scrolling, a header section appears at the top of the page. (The header section includes the name and icon of the organization, a few links including "About", "Contact Us", etc. which don't appear elsewhere in the page.) B) But if you start navigating by hitting the Tab key then the first things you tab to are skip links ("Skip to main content", "Skip to FAQ", etc.) which become visible as you tab to them (and disappear as you tab away). Then you tab to the header section described in A. As you hit Tab, you tab to all the links in the header section. Then you tab to the first tabstop in the main content, and the header section remains visible. If, upon loading the page, you click in the main content, then hit Shift+Tab then the header section becomes visible, and your focus goes to the last link in the header. Checking with a screen reader (NVDA+Firefox/Chrome): Upon loading the page, if you start reading the page top-to-bottom, or using the down arrow key you hear the skip links then the <h1> then the first paragraph, etc. No mention of the header section. But if you start navigating by using the Tab key, then you hear the skip links, then the links in the header section. If you bring up a list of links on the page (NVDA key + F7) if the header section is visible, then its links will be listed. If the header is not visible, then the header links will not be in the list. There's something about this that doesn't feel right, but I'm not sure if it's a WCAG violation. Is scrolling causing a change in context? Is this an accessibility problem? Is this a WCAG failure? If so, what Success Criterion does this miss? Notes: * I'm using the words "header section" loosely. The section is not in a <header> element nor does it have role='banner'. It's just at the top in a <div> with no roles, or specific semantic markup. * At all times the focus indicator is visible. This is not a 2.4.7 - Focus Visible violation. -=Andrew Nordlund
Received on Wednesday, 16 September 2020 11:20:20 UTC