Skip to content

[YOUR TITLE]: Accessibility issue in the masthead #12376

Description

@NicoletaBordea

Description

Users reported accessibility issues in the masthead component used in IBM Docs:

  • Form control with "listbox" role has no associated label
  • The combobox design pattern is detected as ARIA 1.1, which is not allowed by ARIA 1.2
  • Link Documentation,Current region and profile buttons are not part of any landmark.
Image Image

Component(s) impacted

Masthead

Browser

Chrome

Carbon for IBM.com version

v2.34.0

Severity

Severity 2 = Aspects of design is broken, and impedes users in a significant way, but there is a way to complete their tasks. Affects major functionality, has a workaround.

Application/website

IBM Docs

Package

@carbon/ibmdotcom-web-components

CodeSandbox example

https://stackblitz.com/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/web-components/examples/stackblitz/components/masthead

Steps to reproduce the issue (if applicable)

Scan with IBM Equal Access Accessibility Checker

Release date (if applicable)

No response

Code of Conduct

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingdevNeeds some dev work

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    Status
    Done

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions