From 66e7b9ee829a48b8a1db3803355aced8f342951c Mon Sep 17 00:00:00 2001
From: Amberley Romo <amberleyjohanna@gmail.com>
Date: Thu, 10 Jan 2019 14:06:09 -0600
Subject: [PATCH 1/2] fix: add button label to shopping cart icon

---
 src/components/Cart/Cart.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/Cart/Cart.js b/src/components/Cart/Cart.js
index 484b7a37..f04cc2d9 100644
--- a/src/components/Cart/Cart.js
+++ b/src/components/Cart/Cart.js
@@ -349,7 +349,10 @@ class Cart extends Component {
               }`}
             >
               <Heading>
-                <CartToggle onClick={toggle}>
+                <CartToggle
+                  aria-label={`Shopping cart with ${itemsInCart} items`}
+                  onClick={toggle}
+                >
                   {status === 'open' ? (
                     <MdClose />
                   ) : (

From 216bf28892b4d6f0681d3dca8a9d3b212e2fecc1 Mon Sep 17 00:00:00 2001
From: Amberley Romo <amberleyjohanna@gmail.com>
Date: Thu, 10 Jan 2019 14:13:00 -0600
Subject: [PATCH 2/2] fix: reorder components to announce shopping cart earlier

---
 src/components/Layout/Layout.js | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/Layout/Layout.js b/src/components/Layout/Layout.js
index c20db9b8..e58be9bd 100644
--- a/src/components/Layout/Layout.js
+++ b/src/components/Layout/Layout.js
@@ -403,6 +403,14 @@ export default class Layout extends React.Component {
                       productImagesBrowserStatus={productImagesBrowserStatus}
                     />
                     <Viewport>
+                      <Cart
+                        isDesktopViewport={isDesktopViewport}
+                        status={cartStatus}
+                        toggle={toggleCart}
+                        contributorAreaStatus={contributorAreaStatus}
+                        productImagesBrowserStatus={productImagesBrowserStatus}
+                      />
+
                       <ContributorArea
                         location={location}
                         status={contributorAreaStatus}
@@ -431,14 +439,6 @@ export default class Layout extends React.Component {
                           isDesktopViewport={isDesktopViewport}
                         />
                       )}
-
-                      <Cart
-                        isDesktopViewport={isDesktopViewport}
-                        status={cartStatus}
-                        toggle={toggleCart}
-                        contributorAreaStatus={contributorAreaStatus}
-                        productImagesBrowserStatus={productImagesBrowserStatus}
-                      />
                     </Viewport>
                   </>
                 )}