Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Some search and keyboard navigation updates #209

Merged
merged 3 commits into from
Mar 10, 2021
Merged

Conversation

danacotoran
Copy link
Contributor

@danacotoran danacotoran commented Feb 25, 2021

Add a button to the search form as suggested in the DAC Accessibility audit. Make input label more descriptive to help screen reader users determine the purpose of the form.

Search field before

Screenshot 2021-02-25 at 16 45 52

Search field after

Screenshot 2021-02-25 at 16 45 29

Prevent tabbing beyond the TOC modal and/or search results when they are open. Screen reader users should also not be able to access page content that is not visible on the screen.

This should help address issues 5 and 10 on this form.

Trello card: https://trello.com/c/vv0OR35g/630-march-update-tech-docs-template

@danacotoran danacotoran force-pushed the toc-updates-for-a11y branch 4 times, most recently from 1307ec6 to 40f69b0 Compare February 26, 2021 11:48
Copy link

@andysellick andysellick left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Have done a quick review, some questions. Happy to chat offline if I've misunderstood some things.

lib/assets/stylesheets/modules/_search.scss Outdated Show resolved Hide resolved
lib/assets/stylesheets/modules/_search.scss Outdated Show resolved Hide resolved
lib/source/layouts/_search.erb Show resolved Hide resolved
lib/assets/stylesheets/modules/_search.scss Outdated Show resolved Hide resolved
lib/assets/stylesheets/modules/_search.scss Outdated Show resolved Hide resolved
lib/assets/stylesheets/modules/_search.scss Outdated Show resolved Hide resolved
Add a button to the search form as suggested in the DAC Acessibility
audit. Make input label more descriptive to help screen reader users
determine the purpose of the form.

Prevent tabbing beyond the TOC modal and/or search results when they are
open. Screen reader users should also not be able to access page content
that is not visible on the screen.
Update results title to display "0 Results" if no results are returned
on submitting the form.
Currently if the form is submitted without typing anything in, the
search results title says "Loading search index".
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants