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

Fix reopened website a11y issues #5579

Merged
merged 10 commits into from
Oct 28, 2022

Conversation

antgamdia
Copy link
Contributor

@antgamdia antgamdia commented Oct 27, 2022

Description of the change

This PR aims at fixing the remaining a11y issues that were reopened. Details at #5397 (comment)

Summary of the changes:

  1. Change the border color of the searchbox
  2. Display a menu behind "documentation" if the screen is small. If you don't like it, we can always remove it and try to convince a11y folks.
  3. Fix the overflow of the left menu
  4. Add a "space" and "enter" keyboard events handler for the OneTrust cookie manager.
  5. Remove the focus on code blocks (every code block, indeed)

Benefits

a11y compliance

Possible drawbacks

N/A

Applicable issues

Additional information

This PR is based on top of #5578, as I assume it will get merged soon.

Also, I've removed some unused files (images mainly) and unified the icons we are using (ie, using the SVG ones, and resizing them, via CSS, instead of having several logos for the same purpose)

EDIT: there are more issues to solve I've just seen, will add the fixes to this PR

Signed-off-by: Antonio Gamez Diaz <agamez@vmware.com>
Signed-off-by: Antonio Gamez Diaz <agamez@vmware.com>
Signed-off-by: Antonio Gamez Diaz <agamez@vmware.com>
Signed-off-by: Antonio Gamez Diaz <agamez@vmware.com>
Signed-off-by: Antonio Gamez Diaz <agamez@vmware.com>
Signed-off-by: Antonio Gamez Diaz <agamez@vmware.com>
@netlify
Copy link

netlify bot commented Oct 27, 2022

Deploy Preview for kubeapps-dev ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit f0fa2c7
🔍 Latest deploy log https://app.netlify.com/sites/kubeapps-dev/deploys/635b8a4ad554c50009e01b83
😎 Deploy Preview https://deploy-preview-5579--kubeapps-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

Signed-off-by: Antonio Gamez Diaz <agamez@vmware.com>
Signed-off-by: Antonio Gamez Diaz <agamez@vmware.com>
Signed-off-by: Antonio Gamez Diaz <agamez@vmware.com>
Signed-off-by: Antonio Gamez Diaz <agamez@vmware.com>
Copy link
Collaborator

@ppbaena ppbaena left a comment

Choose a reason for hiding this comment

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

LGTM

@antgamdia antgamdia merged commit 8f6edf8 into vmware-tanzu:main Oct 28, 2022
@antgamdia antgamdia deleted the 5397-website-a11y-issues branch October 28, 2022 10:37
antgamdia added a commit that referenced this pull request Oct 28, 2022
### Description of the change

This PR is a hotfix for a bug introduced at #5579: the searchbox init
code was moved to a `static` folder, which is unable to retrieve the
values from the site params. Therefore, the API key is literally
`.Site.Params.docs_search_api_key` instead of the replaced value.

Also, squeezing a minor fix to prevent `Kubeapps Kubeapps ...` to appear
in the descriptions.

### Benefits

 Search will work again

### Possible drawbacks

N/A

### Applicable issues

N/A

### Additional information

N/A

Signed-off-by: Antonio Gamez Diaz <agamez@vmware.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Accessibility compliance for kubeapps.dev
3 participants