carbon-components-angular icon indicating copy to clipboard operation
carbon-components-angular copied to clipboard

[Accessibility]: The value "pagination-select-current-page-0" of the 'for' attribute is not the 'id' of a valid <input> element

Open yashgarg1719 opened this issue 3 years ago • 1 comments

[Accessibility]: The value "pagination-select-current-page-0" of the 'for' attribute is not the 'id' of a valid element

Detailed description

Describe in detail the issue you're having.

This issue is specific to <ibm-pagination> component where one of the <label> elements doe not have required attribute

Is this a feature request (new component, new icon), a bug, or a general issue?

Bug

Is this issue related to a specific component?

<ibm-pagination>

What did you expect to happen? What happened instead? What would you like to see changed?

The 'for' attribute must reference a non-empty, unique 'id' attribute of an element

What browser are you working in?

Firefox 101.0(64-bit)

What version of the Carbon Design System are you using?

[email protected] [email protected]

What WCAG 2.1 checkpoint does the issue violate?

IBM 1.3.1 Info and Relationships WCAG technique H44

Additional information

  • Screenshots or code

image

yashgarg1719 avatar Jul 11 '22 04:07 yashgarg1719

Cannot reproduce issue. Could you please post a code sandbox with issue?

I'm not exactly sure why you're getting this error because the for value is the same as that of the id for select below.

Can you make sure your plugin is up to date & you're using the latest deployment for the rule set? image

Akshat55 avatar Sep 20 '22 04:09 Akshat55