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) ![Screenshot_from_2016-11-17_17-59-22](/uploads/0eb0149f46bd35e9ce629e7a6533be53/Screenshot_from_2016-11-17_17-59-22.png) ## 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 |