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

a11y: Fix keyboard navigation, role, aria-label and focus display issues on the login screen #12775

Open
Tracked by #7967
nwmac opened this issue Dec 4, 2024 · 0 comments · May be fixed by #12956
Open
Tracked by #7967

a11y: Fix keyboard navigation, role, aria-label and focus display issues on the login screen #12775

nwmac opened this issue Dec 4, 2024 · 0 comments · May be fixed by #12956
Assignees
Labels
area/accessibility kind/enhancement QA/dev-automation Issues that engineers have written automation around so QA doesn't have look at this size/3 Size Estimate 3
Milestone

Comments

@nwmac
Copy link
Member

nwmac commented Dec 4, 2024

a11y Issues: 49, 55, 43, 53

Fix keyboard navigation and focus issues on the logins screen:

image

image

The locale menu should use the new Menu component.

Issue 43

The role and state is not defined for mentioned drop-down resulting in screen reader users are not able to understand the interactive elements functionality.

image

Issue 53

A focus indicator is not visually available as user tabs through mentioned checkbox using a keyboard resulting in users with learning and mobility impairments as well as those with low vision not being able to easily find out which element currently has the focus.

Login
Main content

  • Remember Username (unselected checkbox)

Homepage

  • Main Content
  • Logo image
  • Cluster management" link
  • Continuous Delivery
  • Virtualization Management
  • User and Authentication
    and so on.

Preferences
Main Content

  • Take me to the home page radio button
  • Take me to the area I last visited radio button
  • Take me to cluster: radio button
  • Enable "View in API" checkbox
    and so on.

Account and API Keys
Main Content

  • Checkboxes present inside the table
  • Back button

Create API Key
Main Content

  • 90 days - Maximum allowed radio button
  • Custom radio button

Cluster Dashboard
Main Content

  • Cluster Tools

Search
Main Content

  • Admission
  • MutatingWebhookConfigurations
  • ValidatingAdmissionPolicies
  • ValidatingAdmissionPolicyBindings
  • ValidatingWebhookConfigurations
    and so on.

Cluster Appearance
Main Content

  • Use custom badge, Show cluster comment, Badge background color checkboxes
  • Transparent (available after selecting Badge background color)

Projects/Namespaces
Main Content

  • Name, default, user-2rgrp and so on checkboxes

Create Namespace:

  • Enforce
  • Audit
  • Warn

Charts
Main Content

  • Show deprecated apps checkbox
  • All, Rancher, Partners and RKE2 (that becomes available when user activate "All" dropdown list)

Charts: Kubecost (2.4.1)
Main content

  • Show more / Show less

Cluster Management - Create

  • RKE1 RKE2/3s switch

Cluster Drivers

  • Alibaba ACK
  • Amazon EKS
  • Azure AKS
  • Baidu CCE and so on

Pod Security Admission: Create
-Usernames, RuntimeClasses and Namespaces checkboxes

Repository: Create
Main Content

  • http(s) URL to an index generated by Helm, Git repository containing Helm chart or cluster template definitions and OCI Repository radio buttons
  • Remove buttons (which gets available after activating Add Label and Add Annotation button)
  • Skip TLS Verifications and Insecure Plain Http (which gets available after activating OCI Repository Experimental radio buttons)

Git Repo - Add Repository
Main Content

  • Enable Self-Healing and Always Keep Resources checkboxes.
  • Remove buttons (which gets available after activating Add Path button)

Users Retention Settings
Main Content

  • Disable user accounts after an inactivity period (duration since last login) and Delete user accounts after an inactivity period (duration since last login) checkboxes.
  • Toggle button associated with Run the user retention process in DRY mode (no changes will be applied).

User: Create
Main Content

  • User, Show/hide and Release Notes links
  • Ask user to change their password on next login, Generate a random password, Administrator, Restricted Administrator, Standard User and so on checkboxes.

Add Extensions repositories
Main Content

  • Add Partners Extensions Repository checkbox.

Global Settings
Main Content

  • Show Banner in Header, Show Banner in Footer, Show Consent Banner on Login Screen, Show Login Consent as a modal dialog, Show custom login error, Bold, Italic and Underline checkboxes
  • Left, Center and Right radio buttons.
  • Text Color and Background Color container

Branding
Main Content

  • Use a Custom Logo, Use a Custom Banner, Use a Custom Background, Use a Custom Favicon, Use a Custom Color and Use a Custom Link Color checkboxes.

Home Links
Main Content

  • Remove Button (available after activating Add Link button)
  • Show checkboxes

About
Main Content

  • Home Link

image

^^ NOTE: The list goes beyond the login page - all need to be taking into account

@github-actions github-actions bot added the QA/dev-automation Issues that engineers have written automation around so QA doesn't have look at this label Dec 4, 2024
@nwmac nwmac added this to the v2.11.0 milestone Dec 4, 2024
@nwmac nwmac changed the title a11y: Fix keyboard navigation and focus display issues on the login screen a11y: Fix keyboard navigation ,role, aria-label and focus display issues on the login screen Dec 4, 2024
@nwmac nwmac added size/3 Size Estimate 3 and removed size/1 Size Estimate 1 labels Dec 4, 2024
@nwmac nwmac changed the title a11y: Fix keyboard navigation ,role, aria-label and focus display issues on the login screen a11y: Fix keyboard navigation, role, aria-label and focus display issues on the login screen Dec 4, 2024
@aalves08 aalves08 self-assigned this Dec 27, 2024
@aalves08 aalves08 linked a pull request Dec 27, 2024 that will close this issue
7 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/accessibility kind/enhancement QA/dev-automation Issues that engineers have written automation around so QA doesn't have look at this size/3 Size Estimate 3
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants