inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2026-09-09 18:03:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACS-10264] Add aria-labelledby so that placeholder is announced only once

Browse Source
This commit is contained in:
Shivangi Shree
2026-09-08 11:14:14 +05:30
parent 83b5769fbc
commit 12dcb1d360
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
lib/content-services/src/lib/search/components/search-logical-filter/search-logical-filter.component.html
+2 -2
View File
@@ -1,9 +1,9 @@
<div class="adf-search-logical-filter-container"> <div class="adf-search-logical-filter-container">
<div *ngFor="let field of fields" class="adf-search-input"> <div *ngFor="let field of fields" class="adf-search-input">
<mat-label data-automation-id="adf-search-input-label">{{('SEARCH.LOGICAL_SEARCH.' + field + '_LABEL') | translate}}</mat-label> <mat-label [id]="'adf-search-input-label-' +field" data-automation-id="adf-search-input-label">{{('SEARCH.LOGICAL_SEARCH.' + field + '_LABEL') | translate}}</mat-label>
<input type="text" <input type="text"
[(ngModel)]="searchCondition[LogicalSearchFields[field]]" [(ngModel)]="searchCondition[LogicalSearchFields[field]]"
placeholder="{{ ('SEARCH.LOGICAL_SEARCH.' + field + '_HINT') | translate }}" placeholder="{{ ('SEARCH.LOGICAL_SEARCH.' + field + '_HINT') | translate }}"
[attr.aria-label]="('SEARCH.LOGICAL_SEARCH.' + field + '_HINT') | translate"/> [attr.aria-labelledby]="'adf-search-input-label-' + field"/>
</div> </div>
</div> </div>