From 05a12851bf1a7d7eff183771543fb4a5d8693fec Mon Sep 17 00:00:00 2001
From: Poornima Nayar <poornimakrishnav@gmail.com>
Date: Thu, 2 Jan 2020 08:25:48 +0000
Subject: [PATCH] User Details View Accessibility Improvement (#6969)

---
 .../src/views/users/views/user/details.html   | 27 +++++++++----------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/users/views/user/details.html b/src/Umbraco.Web.UI.Client/src/views/users/views/user/details.html
index b35a29d2de..a1dcafd421 100644
--- a/src/Umbraco.Web.UI.Client/src/views/users/views/user/details.html
+++ b/src/Umbraco.Web.UI.Client/src/views/users/views/user/details.html
@@ -196,23 +196,22 @@
 
                         <div class="flex items-center" ng-if="model.avatarFile.uploadStatus !== 'uploading'">
 
-                            <a href=""
-                               class="umb-user-group-preview__action"
-                               ngf-select ng-model="filesHolder"
-                               ngf-change="model.changeAvatar($files, $event)"
-                               ngf-multiple="false"
-                               ngf-pattern="{{model.acceptedFileTypes}}"
-                               ngf-max-size="{{ model.maxFileSize }}">
+                            <button class="btn-link umb-user-group-preview__action"
+                                    ngf-select ng-model="filesHolder"
+                                    ngf-change="model.changeAvatar($files, $event)"
+                                    ngf-multiple="false"
+                                    ngf-pattern="{{model.acceptedFileTypes}}"
+                                    ngf-max-size="{{ model.maxFileSize }}">
                                 <localize key="user_changePhoto">Change photo</localize>
-                            </a>
+                            </button>
 
-                            <a href=""
-                               ng-if="model.user.avatars.length > 0"
-                               class="umb-user-group-preview__action umb-user-group-preview__action--red"
-                               ng-click="model.clearAvatar()"
-                               prevent-default>
+
+                            <button ng-if="model.user.avatars.length > 0"
+                                    class="btn-link umb-user-group-preview__action umb-user-group-preview__action--red"
+                                    ng-click="model.clearAvatar()"
+                                    prevent-default>
                                 <localize key="user_removePhoto">Remove photo</localize>
-                            </a>
+                            </button>
 
                         </div>