[ADF-4839] Document List - column name link accessibility (#5011)

* accessibility

* rename translation key

* translation key name

* link name component accessibility

* generic translation
This commit is contained in:
Cilibiu Bogdan 2019-08-29 17:07:01 +03:00 committed by Eugenio Romano
parent e5f7d2f304
commit f35f0466e6
3 changed files with 23 additions and 2 deletions

View File

@ -33,7 +33,15 @@ import { takeUntil } from 'rxjs/operators';
@Component({ @Component({
selector: 'adf-library-name-column', selector: 'adf-library-name-column',
template: ` template: `
<span class="adf-datatable-cell-value" title="{{ displayTooltip$ | async }}" (click)="onClick()"> <span
role="link"
[attr.aria-label]="'NAME_COLUMN_LINK.ACCESSIBILITY.ARIA_LABEL' | translate:{
name: displayText$ | async
}"
class="adf-datatable-cell-value"
title="{{ displayTooltip$ | async }}"
(click)="onClick()">
{{ displayText$ | async }} {{ displayText$ | async }}
</span> </span>
`, `,

View File

@ -33,7 +33,15 @@ import { takeUntil } from 'rxjs/operators';
@Component({ @Component({
selector: 'adf-name-column', selector: 'adf-name-column',
template: ` template: `
<span class="adf-datatable-cell-value" title="{{ node | adfNodeNameTooltip }}" (click)="onClick()"> <span
role="link"
[attr.aria-label]="'NAME_COLUMN_LINK.ACCESSIBILITY.ARIA_LABEL' | translate:{
name: displayText$ | async
}"
class="adf-datatable-cell-value"
title="{{ node | adfNodeNameTooltip }}"
(click)="onClick()">
{{ displayText$ | async }} {{ displayText$ | async }}
</span> </span>
`, `,

View File

@ -375,5 +375,10 @@
"BREADCRUMB": "Breadcrumb", "BREADCRUMB": "Breadcrumb",
"CURRENT_PAGE": "page" "CURRENT_PAGE": "page"
} }
},
"NAME_COLUMN_LINK": {
"ACCESSIBILITY": {
"ARIA_LABEL": "Open {{ name }}"
}
} }
} }