Change Details

=== Question we are trying to answer In T261802, we moved the sidebar out of the header (where it was adjacent to the sidebar button) and into the `.mw-workspace-container`. Although this move helped with the search in header work (T249363) and will likely be necessary when we make the header sticky, it had at least one disadvantage. Because the DOM order changed, users are no longer able to tab (or use another focus management technique) directly from the sidebar button into the sidebar. What is the best approach to bring this behavior back? We might have to use JavaScript to achieve this. === Acceptance Criteria [] A POC patch is made demonstrating the proposed approach

=== Question we are trying to answer In T261802, we moved the sidebar out of the header (where it was adjacent to the sidebar button) and into the `.mw-workspace-container`. Although this move helped with the search in header work (T249363) and will likely be necessary when we make the header sticky, it had at least one disadvantage. Because the DOM order changed, users are no longer able to tab (or use another focus management technique) directly from the sidebar button into the sidebar. Currently, they are forced to tab through the header contents before reaching the sidebar. What is the best approach to bring this behavior back? We might have to use JavaScript to achieve this. === Acceptance Criteria [] A POC patch is made demonstrating the proposed approach

=== Question we are trying to answer In T261802, we moved the sidebar out of the header (where it was adjacent to the sidebar button) and into the `.mw-workspace-container`. Although this move helped with the search in header work (T249363) and will likely be necessary when we make the header sticky, it had at least one disadvantage. Because the DOM order changed, users are no longer able to tab (or use another focus management technique) directly from the sidebar button into the sidebar. Currently, they are forced to tab through the header contents before reaching the sidebar. What is the best approach to bring this behavior back? We might have to use JavaScript to achieve this. === Acceptance Criteria [] A POC patch is made demonstrating the proposed approach