carbon-design-system / carbon-design-system/carbon-components-angular
Accessability Violation : The ARIA attributes "aria-label" are not valid for the element <div> with implicit ARIA role "generic" in multiple field（ibm-header, ibm-panel, ibm-table-toolbar)
- Dominant language
- TypeScript
- Stars
- 566
- Forks
- 318
- PR merge metrics
- No merged PRs in 30d
Description
## Detailed description
> Describe in detail the issue you're having.
The ARIA attributes "aria-label" are not valid for the element
> Is this a feature request (new component, new icon), a bug, or a general issue?
bug
> Is this issue related to a specific component?
1)ibm-header
2)ibm-panel
3)ibm-table-toolbar
> What did you expect to happen? What happened instead? What would you like to see changed?
the three component mentioned should perform in mentioned manner
-> ibm-header - Should display header in nav bar
-> ibm-panel - should display side panel in in header
-> ibm-table-toolbar - bring toolbar on table ibm-table
> What browser are you working in?
Chrome
> What version of the Carbon Design System are you using?
"carbon-components": "~10.28.0",
"carbon-components-angular": "4.56.4",
## Additional information
* Screenshots or code
For ibm-header
for Ibm-panel
For ibm-tavble toolbar
Contributor guide
Research direction
Start by reproducing the reported accessibility violation in Chrome for ibm-header, ibm-panel, and ibm-table-toolbar using carbon-components-angular 4.56.4. Review each component's rendered markup and accessibility behavior; done means the reported aria-label violations are resolved while the header, side panel, and table toolbar continue to perform their stated roles.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angular, typescript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100