Skip to content

Resolve "Create a tab shortcut to jump directly to content"

kushalpandya requested to merge 24057-a11y-content-shortcut into master

What does this MR do?

Adds accessibility shortcut to page, i.e. if user hits tab key right after the page is loaded and user has not interacted to any part of the page, the shortcut appears at top left corner of the page. Then, pressing enter (spacebar support is WIP) scrolls page to focus on content.

Are there points in the code the reviewer needs to double check?

See if id attribute added to .content element (present in _page.html.haml) needs to be reviewed if it is correct approach or we already have an ID that shortcut can refer to.

Why was this MR needed?

This feature is particularly useful for screen readers where user doesn't have to go through entire nav to reach content of page.

Screenshots (if relevant)

Screenshot_from_2016-11-17_17-59-22

Does this MR meet the acceptance criteria?

What are the relevant issue numbers?

Closes #24057 (closed)

Merge request reports