♿ a11y(list accordion): aria-label reads "open" / "close" (#1623)

* Create PR for #1616

* fix(list): a11y for label and title

* chore: increase default errorThreshold = 0.2

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Gery Hirschfeld <[email protected]>

Author: github-actions[bot]

.changeset/fuzzy-seahorses-punch.md

@@ -0,0 +1,5 @@
+---
+'@baloise/ds-core': patch
+---
+
+**list**: make title and aria-label editable on accordion head and move open and close labels to the icon on the right side

packages/core/src/components/bal-list/bal-list-item-accordion-head/bal-list-item-accordion-head.tsx

@@ -153,16 +153,6 @@ export class ListItemAccordionHead implements ComponentInterface, Loggable {
         tabindex="0"
         aria-expanded={ariaBooleanToString(this.accordionOpen)}
         aria-controls={this.ariaState.controlId}
-        title={
-          this.accordionOpen
-            ? i18nBalListItemAccordionHead[this.language].close
-            : i18nBalListItemAccordionHead[this.language].open
-        }
-        aria-label={
-          this.accordionOpen
-            ? i18nBalListItemAccordionHead[this.language].close
-            : i18nBalListItemAccordionHead[this.language].open
-        }
         onClick={this.onClick}
         onKeyDown={this.onKeyDown}
       >
@@ -173,6 +163,11 @@ export class ListItemAccordionHead implements ComponentInterface, Loggable {
             name={this.icon}
             size="small"
             turn={this.accordionOpen}
+            title={
+              this.accordionOpen
+                ? i18nBalListItemAccordionHead[this.language].close
+                : i18nBalListItemAccordionHead[this.language].open
+            }
           ></bal-icon>
         </bal-list-item-icon>
       </Host>

packages/core/src/components/bal-list/test/bal-list-v2.visual.html

@@ -109,7 +109,7 @@
             <bal-list-item accordion>
               <bal-list-item-accordion-head>
                 <bal-list-item-content>
-                  <bal-list-item-title>Accordion List Item 2</bal-list-item-title>
+                  <bal-list-item-title>Accordion List Item 2 Bubu</bal-list-item-title>
                 </bal-list-item-content>
               </bal-list-item-accordion-head>
               <bal-list-item-accordion-body class="bal-list__item__accordion-body__parent">