SONAR-16725 [891882] An icon lacks 3 to 1 contrast ratio

2 files changed, 10 insertions, 11 deletions

diff --git a/server/sonar-web/src/main/js/apps/sessions/components/LoginForm.tsx b/server/sonar-web/src/main/js/apps/sessions/components/LoginForm.tsx
index aa137b6a5bb..c395c1f80d0 100644
--- a/server/sonar-web/src/main/js/apps/sessions/components/LoginForm.tsx
+++ b/server/sonar-web/src/main/js/apps/sessions/components/LoginForm.tsx
@@ -18,7 +18,7 @@
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
 import * as React from 'react';
-import { SubmitButton } from '../../../components/controls/buttons';
+import { ButtonLink, SubmitButton } from '../../../components/controls/buttons';
 import DeferredSpinner from '../../../components/ui/DeferredSpinner';
 import { translate } from '../../../helpers/l10n';
 import { getBaseUrl } from '../../../helpers/system';
@@ -59,8 +59,7 @@ export default class LoginForm extends React.PureComponent<Props, State> {
       .then(this.stopLoading, this.stopLoading);
   };
 
-  handleMoreOptionsClick = (event: React.MouseEvent<HTMLAnchorElement>) => {
-    event.preventDefault();
+  handleMoreOptionsClick = () => {
     this.setState({ collapsed: false });
   };
 
@@ -74,12 +73,12 @@ export default class LoginForm extends React.PureComponent<Props, State> {
     if (this.state.collapsed) {
       return (
         <div className="text-center">
-          <a
-            className="small text-muted js-more-options"
-            href="#"
+          <ButtonLink
+            aria-expanded={false}
+            className="small js-more-options"
             onClick={this.handleMoreOptionsClick}>
             {translate('login.more_options')}
-          </a>
+          </ButtonLink>
         </div>
       );
     }
diff --git a/server/sonar-web/src/main/js/apps/sessions/components/__tests__/__snapshots__/LoginForm-test.tsx.snap b/server/sonar-web/src/main/js/apps/sessions/components/__tests__/__snapshots__/LoginForm-test.tsx.snap
index d45b1952809..3d97ba42e31 100644
--- a/server/sonar-web/src/main/js/apps/sessions/components/__tests__/__snapshots__/LoginForm-test.tsx.snap
+++ b/server/sonar-web/src/main/js/apps/sessions/components/__tests__/__snapshots__/LoginForm-test.tsx.snap
@@ -4,13 +4,13 @@ exports[`expands more options 1`] = `
 <div
   className="text-center"
 >
-  <a
-    className="small text-muted js-more-options"
-    href="#"
+  <ButtonLink
+    aria-expanded={false}
+    className="small js-more-options"
     onClick={[Function]}
   >
     login.more_options
-  </a>
+  </ButtonLink>
 </div>
 `;