From 77c6529af86c46c8f79838f6bc104e46d5dfeb18 Mon Sep 17 00:00:00 2001
From: Tasawer <tasawer.nawaz@arbisoft.com>
Date: Thu, 25 Aug 2016 18:20:02 +0500
Subject: [PATCH] Heperlink changed to button to be accessed with keyboard
 users ECOM-5301

---
 lms/static/sass/views/_decoupled-verification.scss       | 9 +++++++--
 .../verify_student/review_photos_step.underscore         | 4 ++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/lms/static/sass/views/_decoupled-verification.scss b/lms/static/sass/views/_decoupled-verification.scss
index 2c4346a912..e5aee1bebc 100644
--- a/lms/static/sass/views/_decoupled-verification.scss
+++ b/lms/static/sass/views/_decoupled-verification.scss
@@ -147,9 +147,14 @@
 
         .retake-photos {
             color: $blue;
+            background:none!important;
+            border:0!important;
+            padding:0!important;
+            box-shadow: none;
+            cursor: pointer;
 
-            &:hover {
-                cursor: pointer;
+          &:hover, &:focus {
+              text-decoration: underline;
             }
         }
 
diff --git a/lms/templates/verify_student/review_photos_step.underscore b/lms/templates/verify_student/review_photos_step.underscore
index e859e98f0d..b969d5427c 100644
--- a/lms/templates/verify_student/review_photos_step.underscore
+++ b/lms/templates/verify_student/review_photos_step.underscore
@@ -49,9 +49,9 @@
           <div class="copy">
             <p>
               <%- gettext( "Photos don't meet the requirements?" ) %>
-              <a id="retake_photos_button" class="retake-photos">
+              <button id="retake_photos_button" class="retake-photos">
                 <%- gettext( "Retake Your Photos" ) %>
-              </a>
+              </button>
             </p>
           </div>
         </div>