diff --git a/lms/static/coffee/fixtures/accordion.html b/lms/static/coffee/fixtures/accordion.html
index 148c245c8fd6..8e5b1ce1f852 100644
--- a/lms/static/coffee/fixtures/accordion.html
+++ b/lms/static/coffee/fixtures/accordion.html
@@ -1,6 +1,6 @@
 <div class="course-wrapper">
   <header id="open_close_accordion">
-    <a href="#">close</a>
+    <a href="#"><span class="sr">collapse navigation sidebar</span></a>
   </header>
   <div id="accordion"></div>
 </div>
diff --git a/lms/static/sass/course/base/_extends.scss b/lms/static/sass/course/base/_extends.scss
index b9fa8f7ef6a5..e16619437bad 100644
--- a/lms/static/sass/course/base/_extends.scss
+++ b/lms/static/sass/course/base/_extends.scss
@@ -141,17 +141,13 @@ h1.top-header {
     position: relative;
 
     a {
-      background: #f6f6f6 url('../images/slide-left-icon.png') center center no-repeat;
-      border: 1px solid #D3D3D3;
-      border-radius: 3px 0 0 3px;
-      height: 16px;
-      padding: 6px;
-      position: absolute;
-      right: -1px;
-      text-indent: -9999px;
-      top: 12px;
-      width: 16px;
       z-index: 99;
+      display: block;
+      padding: 6px;
+      height: 24px;
+      border-top-left-radius: 5px;
+      border-bottom: 1px solid $light-gray;
+      background: #efefef url('../images/slide-left-icon.png') center center no-repeat;
 
       &:hover, &:focus {
         background-color: white;
diff --git a/lms/static/sass/course/courseware/_sidebar.scss b/lms/static/sass/course/courseware/_sidebar.scss
index 12588657b3ee..5fd0e41d567a 100644
--- a/lms/static/sass/course/courseware/_sidebar.scss
+++ b/lms/static/sass/course/courseware/_sidebar.scss
@@ -5,7 +5,7 @@
   border-right: 1px solid $border-color-2;
 
   #open_close_accordion {
-    display: none;
+    display: block;
   }
 
   header {
diff --git a/lms/templates/courseware/courseware.html b/lms/templates/courseware/courseware.html
index 00bd46e528ed..4488ac5e14e8 100644
--- a/lms/templates/courseware/courseware.html
+++ b/lms/templates/courseware/courseware.html
@@ -190,7 +190,7 @@
 % if accordion:
     <div class="course-index" role="navigation">
       <header id="open_close_accordion">
-        <a href="#">${_("close")}</a>
+       <a href="#"><span class="sr">${_("collapse navigation sidebar")}</span></a>
       </header>
 
       <div id="accordion" style="display: none">
diff --git a/lms/templates/staticbook.html b/lms/templates/staticbook.html
index 23bf425850c6..b138b1ce28dc 100644
--- a/lms/templates/staticbook.html
+++ b/lms/templates/staticbook.html
@@ -72,7 +72,7 @@
 
     <section aria-label="${_('Textbook Navigation')}" class="book-sidebar">
       <header id="open_close_accordion">
-        <a href="#">close</a>
+        <a href="#"><span class="sr">collapse navigation sidebar</span></a>
       </header>
 
       <ul id="booknav" class="treeview-booknav">