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

[kbytesys]

Esiste già una discussione sul tema che ti interessa, o su un tema simile?

• 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:

<ul class="navbar-nav">
  <it-navbar-item>
    <li class="nav-item">

al momento ce la siamo cavata con un

  <ng-container navItems>
    <!-- in attesa di fix per accessibilità per <it-navbar-item> usiamo direttamente un li -->
    <li class="nav-item">

ma ovviamente così ti vai a perdere tutte le feature del componente (che nel nostro caso non utilizzavamo comunque).

Perché

Il componente viola il wcag 2.0 che è nelle line guida di agid

Contesto

No response

Altro

No response