italia / italia/design-angular-kit

Violazione regole di accessibilità wcag2a, wcag131 (1.3.1 Info and Relationships), cat.structure su componente it-navbar-item

Open
#787 0 comments 0 reactions 0 assignees View on GitHub
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.