diff --git a/docs/componenti/chips.md b/docs/componenti/chips.md index f1a78f5dd2..81e6b80a2b 100644 --- a/docs/componenti/chips.md +++ b/docs/componenti/chips.md @@ -105,6 +105,19 @@ Gli stili definiti da Bootstrap Italia utilizzano un naming consistente con i te {% endfor %} {% endcapture %}{% include example.html content=example %} +#### Varianti di colore link + +{% comment %}Example name: Varianti di colore link{% endcomment %} +{% capture example %} + +{% for color in site.data.theme-colors %} + + + {{ color.name | capitalize }} + +{% endfor %} +{% endcapture %}{% include example.html content=example %} + ## Chip Disabilitata Aggiungendo la classe `.chip-disabled` al contenitore e l'attributo `disabled` al ` {% endcapture %}{% include example.html content=example %} + +### Gruppi di Chip link + +{% comment %}Example name: Gruppi{% endcomment %} +{% capture example %} + + Label + + + Label + + + + + Label + + + +
+ Mario Rossi +
+ Label + +
+ +
+ + + Label + + + Label + + + + + Label + + + +
+ Mario Rossi +
+ Label + +
+{% endcapture %}{% include example.html content=example %} \ No newline at end of file diff --git a/docs/componenti/rating.md b/docs/componenti/rating.md index f9ad176d17..ea1e612a6a 100644 --- a/docs/componenti/rating.md +++ b/docs/componenti/rating.md @@ -12,34 +12,40 @@ Il Rating è composto da un `
` con classe `.rating` contenente 5 `` contengono le icone delle stelle e la descrizione per Screen Reader. +{% capture callout %} +Breaking feature dalla versione **2.12.0** + +- Aggiunto attributo `aria-hidden="true"` sulle icone perché lo scopo è già trasmesso agli strumenti assistivi dal testo con classe `.visually-hidden`. +{% endcapture %}{% include callout.html content=callout type="danger" %} + {% comment %}Example name: Base{% endcomment %} {% capture example %}
Rating
{% endcapture %}{% include example.html content=example %} @@ -63,28 +69,28 @@ La label con il numero di stelle dev'essere contenuta in uno `` semplice. Valutazione 4 stelle su 5
@@ -109,28 +115,28 @@ Per rendere accessibile il contenuto è necessario aggiungere un tag `` Valutazione 4 stelle su 5 {% endcapture %}{% include example.html content=example %} diff --git a/docs/menu-di-navigazione/torna-su.md b/docs/menu-di-navigazione/torna-su.md index 9d430fa2fa..1d77f46f2f 100644 --- a/docs/menu-di-navigazione/torna-su.md +++ b/docs/menu-di-navigazione/torna-su.md @@ -9,6 +9,13 @@ toc: true Per aggiungere un pulsante che si abilita automaticamente allo scorrimento della pagina, e che aiuta l'utente a tornare in alto con un solo click su di esso, è sufficiente usare un link con attributo `data-bs-toggle="backtotop"` e con una classe `.back-to-top` che lo posiziona nella parte inferiore destra nella pagina. Le animazioni sono state realizzate con il plugin javascript [AnimeJs](https://animejs.com). +{% capture callout %} +Breaking feature dalla versione **2.12.0** + +- Rimossi gli attributi `tabindex="-1"` e `aria-hidden="true"` per permettere il focus da tastiera e l'interazione da strumenti assistivi. +- Aggiunto attributo `aria-label="Torna su"` per comunicare lo scopo a strumenti assistivi. +{% endcapture %}{% include callout.html content=callout type="danger" %} +