694b55c828
Resolve "Create a tab shortcut to jump directly to content" ## 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](https://gitlab.com/gitlab-org/gitlab-ce/blob/master/app/views/layouts/_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)  ## Does this MR meet the acceptance criteria? - [ ] [Changelog entry](https://docs.gitlab.com/ce/development/changelog.html) added - [ ] [Documentation created/updated](https://gitlab.com/gitlab-org/gitlab-ce/blob/master/doc/development/doc_styleguide.md) - [ ] API support added - Tests - [ ] Added for this feature/bug - [ ] All builds are passing - [ ] Conform by the [merge request performance guides](http://docs.gitlab.com/ce/development/merge_request_performance_guidelines.html) - [ ] Conform by the [style guides](https://gitlab.com/gitlab-org/gitlab-ce/blob/master/CONTRIBUTING.md#style-guides) - [ ] Branch has no merge conflicts with `master` (if it does - rebase it please) - [ ] [Squashed related commits together](https://git-scm.com/book/en/Git-Tools-Rewriting-History#Squashing-Commits) ## What are the relevant issue numbers? Closes #24057 See merge request !7533 |
||
|---|---|---|
| .. | ||
| header | ||
| nav | ||
| _bootlint.haml | ||
| _broadcast.html.haml | ||
| _flash.html.haml | ||
| _google_analytics.html.haml | ||
| _head.html.haml | ||
| _init_auto_complete.html.haml | ||
| _page.html.haml | ||
| _page_title.html.haml | ||
| _piwik.html.haml | ||
| _search.html.haml | ||
| _user_styles.html.haml | ||
| admin.html.haml | ||
| application.html.haml | ||
| dashboard.html.haml | ||
| devise.html.haml | ||
| devise_empty.html.haml | ||
| devise_mailer.html.haml | ||
| errors.html.haml | ||
| explore.html.haml | ||
| group.html.haml | ||
| group_settings.html.haml | ||
| help.html.haml | ||
| koding.html.haml | ||
| notify.html.haml | ||
| profile.html.haml | ||
| project.html.haml | ||
| project_settings.html.haml | ||
| search.html.haml | ||
| snippets.html.haml | ||