Merge pull request #36 from ankerpeet/master

Added aria-expanded attribute to the transcript and credit buttons
healthwise · Feb 4, 2020 · 77a3296 · 77a3296
2 parents d89d9a6 + 7bed445
commit 77a3296
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/packages/content/package.json b/packages/content/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@healthwise-ui/content",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "description": "Shared React UI library to use with Healthwise content.",
   "main": "index.js",
   "unpkg": "healthwise-ui.min.js",

diff --git a/packages/content/src/MediaCredits/index.js b/packages/content/src/MediaCredits/index.js
@@ -280,7 +280,7 @@ class MediaCredits extends Component {
     this.setState({
       showDisclaimer: false,
       showCredits: false,
-      showTranscript: newState,
+      showTranscript: newState,      
     })
   }
 
@@ -361,6 +361,7 @@ class MediaCredits extends Component {
           aria-controls={transcriptId}
           type="button"
           onClick={this.toggleTranscript}
+          aria-expanded={this.state.showTranscript}
         >
           <IconSpan>
             <svg
@@ -387,6 +388,7 @@ class MediaCredits extends Component {
           aria-controls={transcriptId}
           type="button"
           onClick={this.toggleTranscript}
+          aria-expanded={this.state.showTranscript}
         >
           <IconSpan>
             <svg
@@ -433,11 +435,12 @@ class MediaCredits extends Component {
                   aria-controls={creditsId}
                   type="button"
                   onClick={this.toggleCredits}
+                  aria-expanded={this.state.showCredits}
                 >
                   Credits
                 </NavItemActiveButton>
               ) : (
-                <NavItemButton aria-controls={creditsId} type="button" onClick={this.toggleCredits}>
+                <NavItemButton aria-controls={creditsId} type="button" onClick={this.toggleCredits} aria-expanded={this.state.showCredits}>
                   Credits
                 </NavItemButton>
               )}