From 94dd42a5669b88f38792c91f82b6b58f6f9d29e5 Mon Sep 17 00:00:00 2001
From: Joachim Robert <joachim.robert@protonmail.com>
Date: Sun, 3 Feb 2019 18:44:22 +0100
Subject: [PATCH] Add ARIA attributes

---
 components/ChecklistItem/index.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/components/ChecklistItem/index.js b/components/ChecklistItem/index.js
index e4975e0..5c5ea42 100644
--- a/components/ChecklistItem/index.js
+++ b/components/ChecklistItem/index.js
@@ -64,13 +64,19 @@ class ChecklistItem extends React.Component<Props, State> {
                 checked={isChecked}
                 id={`checkbox_${resource.id}`}
                 onChange={this.handleSetChecked}
+                aria-controls={`content_${resource.id}`}
               />
               <label for={`checkbox_${resource.id}`}>
                 {resource.title}
               </label>
             </CheckboxContainer>
 
-            <ResourceContent isChecked={isChecked} isCollapsed={isCollapsed}>
+            <ResourceContent
+              isChecked={isChecked}
+              isCollapsed={isCollapsed}
+              id={`content_${resource.id}`}
+              aria-hidden={isCollapsed}
+            >
               <Heading
                 resource={resource}
                 isCollapsed={isCollapsed}