italia / italia/design-angular-kit
Violazione regole di accessibilità wcag2a, wcag131 (1.3.1 Info and Relationships), cat.structure su componente it-navbar-item
- Dominant language
- TypeScript
- Stars
- 86
- Forks
- 45
- PR merge metrics
- No merged PRs in 30d
Description
### Esiste già una discussione sul tema che ti interessa, o su un tema simile?
- [x] Ho verificato e non esiste
### Versione della libreria
21.2.0
### Cosa
Eseguendo dei test di accessibilità automatizzati con axe abbiamo rilevato alcuni problemi riguardo questo componente, che è riscontrabile anche nell'esempio presente su https://italia.github.io/design-angular-kit/design-angular-kit#/menu-di-navigazione/header
In pratica per accessibilità non si dovrebbe porre nulla tra UL e LI, ma il codice renderizzato ci porta ad avere:
```
Contributor guide
Research direction
Start with the it-navbar-item component and the menu-di-navigazione/header example, then inspect the rendered DOM shown in the issue. Verify the component's projected structure and run the axe accessibility checks; done means the UL contains LI elements without an intervening custom element while the component features remain available.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angular, typescript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 68/100