Skip to content

va-telephone message aria describedby #3885

Open
@Mottie

Description

@Mottie

Bug Report

  • I’ve searched for any related issues and avoided creating a duplicate issue.

What happened

This doesn't appear to be an actual bug, but in storybook, the message-aria-describedby property is set to false and this leads the component to interpret that value as a string and eventually renders a screen-reader only span in the shadow DOM with the text "false". It may be a rare occurrence in actual web component usage, so it may still need to be addressed.

inspecting the shadow DOM of va-telephone reveals a span with an screen reader only class that contains the word "false"

What I expected to happen

Don't include messageAriaDescribedBy value if set to false

Reproducing

  • CSS Library version: All
  • Device: (e.g. iPhone 8, Macbook): All
  • Browser: (e.g. Firefox, IE 11): All

Steps to reproduce:

  1. Go to va-telephone in storybook
  2. Inspect the DOM of the first va-telephone web component

Urgency

How urgent is this request? Please select the appropriate option below and/or provide details

  • This bug is blocking work currently in progress
  • This bug is affecting work currently in progress but we have a workaround
  • This bug is blocking work planned within the next few sprints
  • This bug is not blocking any work
  • Other

Details

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions