From 074968e29f469a1a6a302ca58056e237a2457ae5 Mon Sep 17 00:00:00 2001
From: Jodie Muramoto <jmuramoto@unicon.net>
Date: Mon, 19 Mar 2018 20:38:52 +0000
Subject: [PATCH] Merged in A11y/SHIBUI-259 (pull request #17)

SHIBUI-259: Adding aria labels to Name ID format, authentication method auto-complete text fields

Approved-by: Ryan Mathis <rmathis@unicon.net>
---
 .../component/forms/relying-party-form.component.html     | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/ui/src/app/metadata-provider/component/forms/relying-party-form.component.html b/ui/src/app/metadata-provider/component/forms/relying-party-form.component.html
index f6b89b8f3..20831128a 100644
--- a/ui/src/app/metadata-provider/component/forms/relying-party-form.component.html
+++ b/ui/src/app/metadata-provider/component/forms/relying-party-form.component.html
@@ -70,13 +70,13 @@
                 <div *ngIf="nameIdFormatList.length" class="p-2">
                     <div class="row" *ngFor="let format of nameIdFormatList.controls; let i=index; let isLast=last">
                         <label [for]="'nameIdFormat-' + i" class="col-sm-12" i18n="@@label--nameid-format-indexed">NameID Format {{ i + 1 }}</label>
-                        <auto-complete
+                        <auto-complete class="col-sm-11"
                             [id]="'nameIdFormat-' + i"
                             [formControlName]="i"
                             [options]="nameIdFormatOptions | async"
                             [required]="true"
                             [allowCustom]="true"
-                            class="col-sm-11">
+                            aria-label="Name ID Format (type for auto-complete)">
                         </auto-complete>
                         <div class="col-sm-1 text-right">
                             <button class="btn btn-link" (click)="removeFormat(i)" aria-label="Delete NameID format" role="button">
@@ -103,13 +103,13 @@
                 <div *ngIf="authenticationMethodList.length" class="p-2">
                     <div class="row" *ngFor="let format of authenticationMethodList.controls; let i=index; let isLast=last">
                         <label [for]="'authMethod-' + i" class="col-sm-12" i18n="@@label--auth-method-indexed">Authentication Method {{ i + 1 }}</label>
-                        <auto-complete
+                        <auto-complete class="col-sm-11"
                             [id]="'authMethod-' + i"
                             [formControlName]="i"
                             [options]="authenticationMethodOptions | async"
                             [required]="true"
                             [allowCustom]="true"
-                            class="col-sm-11">
+                            aria-label="Authentication method (type for auto-complete)">
                         </auto-complete>
                         <div class="col-sm-1 text-right">
                             <button class="btn btn-link" (click)="removeAuthenticationMethod(i)" aria-label="Delete authentication method" role="button">