From 2a086ce4751d71db8cfb85a33e2ca702f02ce1c0 Mon Sep 17 00:00:00 2001
From: Suresh918 <suresh918.uputhula@gmail.com>
Date: Sat, 23 Feb 2019 02:34:29 +0800
Subject: [PATCH] docs(form-field): improve a11y of password visibility toggle
 (#15129)

Fixes #15023
---
 .../form-field-prefix-suffix-example.html                     | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/material-examples/form-field-prefix-suffix/form-field-prefix-suffix-example.html b/src/material-examples/form-field-prefix-suffix/form-field-prefix-suffix-example.html
index bc4ef1087ea..5edb2994ff6 100644
--- a/src/material-examples/form-field-prefix-suffix/form-field-prefix-suffix-example.html
+++ b/src/material-examples/form-field-prefix-suffix/form-field-prefix-suffix-example.html
@@ -1,7 +1,9 @@
 <div class="example-container">
   <mat-form-field>
     <input matInput placeholder="Enter your password" [type]="hide ? 'password' : 'text'">
-    <mat-icon matSuffix (click)="hide = !hide">{{hide ? 'visibility_off' : 'visibility'}}</mat-icon>
+    <button mat-icon-button matSuffix (click)="hide = !hide" [attr.aria-label]="'Hide password'" [attr.aria-pressed]="hide">
+    <mat-icon>{{hide ? 'visibility_off' : 'visibility'}}</mat-icon>
+    </button>
   </mat-form-field>
 
   <mat-form-field>