Skip to content

A "hideLabel" prop for Dropdowns (specifically inline Dropdowns) #7571

@molyholy

Description

@molyholy

Environment

Browser
Firefox

Assistive technology used to verify
IBM Equal Access Accessibility Checker

Detailed description

What WCAG 2.1 checkpoint does the issue violate?
IBM CI 162 Checkpoint Violation: 1.3.1 Info and Relationships
https://www.ibm.com/able/guidelines/ci162/info_and_relationships.html
https://www.ibm.com/able/guidelines/ci162/name_role_value.html

Steps to reproduce the issue

  1. Log into https://test.cloud.ibm.com/billing-nouveau/invoices
  2. Run the Accessibility Checker

Additional information

  • Screenshots or code

image

  • Notes
  • The inline Dropdown in the top right does not have a "Label" component, which creates an a11y issue. However, adding a label seems to defeat the purpose of the inline Dropdown (and if nothing else, looks kind of weird). The Select component already has a hideLabel prop which hides the label visually but not programatically, and I think the inline Dropdown could really benefit from something similar.

@dakahn @ryanomackey

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions