fix(accordion): a11y attributes

cpsrepositorio · May 20, 2024 · 2d4171d · 2d4171d
1 parent aa22eef
commit 2d4171d
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,6 +6,10 @@ O versionamento deste projeto é aderente aos princípios de [Semantic Versionin
 
 ## Unreleased
 
+### Changed
+
+- Melhoria na definição de atributos de acessibilidade no `<cps-accordion>`.
+
 ## 0.13.0 - 2024-05-02
 
 ### Added

diff --git a/docs/componentes/accordion.md b/docs/componentes/accordion.md
@@ -2,8 +2,6 @@
 
 [component-header:cps-accordion]
 
-<div class="background-example">
-
 ```html preview
 <cps-accordion title="Informações adicionais">
   <cps-label>Conteúdo.</cps-label>

diff --git a/src/components/accordion.ts b/src/components/accordion.ts
@@ -125,7 +125,6 @@ export default class CpsAccordion extends BaseElement {
 
     return html`
       <div
-        aria-expanded=${this.open ? 'true' : 'false'}
         class=${classMap({
           accordion: true,
           'accordion--open': this.open,
@@ -135,7 +134,7 @@ export default class CpsAccordion extends BaseElement {
         part="base"
         title
       >
-        <button aria-controls="content" class="accordion__header" id="header" part="header" @click=${this.click}>
+        <button aria-controls="content" aria-expanded=${this.open} class="accordion__header" id="header" part="header" type="button" @click=${this.click}>
           <div class="accordion__header-content">
             <slot class="accordion__header-icon" name="icon" part="icon"></slot>
             <span class="accordion__header-title" part="title">${this.title}</span>