diff --git a/src/app/components/autocomplete/autocomplete.ts b/src/app/components/autocomplete/autocomplete.ts index 7ce3ba92bee..dde193169dd 100755 --- a/src/app/components/autocomplete/autocomplete.ts +++ b/src/app/components/autocomplete/autocomplete.ts @@ -848,6 +848,7 @@ export class AutoComplete implements AfterViewChecked, AfterContentInit, OnDestr ngOnInit() { this.id = this.id || UniqueComponentId(); + this.cd.detectChanges(); } ngAfterViewChecked() { diff --git a/src/app/components/image/image.ts b/src/app/components/image/image.ts index 8114ef6fc2f..3b30f54ba52 100755 --- a/src/app/components/image/image.ts +++ b/src/app/components/image/image.ts @@ -376,7 +376,7 @@ export class Image implements AfterContentInit { imagePreviewStyle() { return { transform: 'rotate(' + this.rotate + 'deg) scale(' + this.scale + ')' }; } - + get zoomImageAriaLabel() { return this.config.translation.aria ? this.config.translation.aria.zoomImage : undefined; } diff --git a/src/app/components/toast/toast.ts b/src/app/components/toast/toast.ts index 7cc2dc1d57d..5843c4d82ab 100755 --- a/src/app/components/toast/toast.ts +++ b/src/app/components/toast/toast.ts @@ -140,7 +140,7 @@ export class ToastItem implements AfterViewInit, OnDestroy { timeout: any; - constructor(private zone: NgZone,private config: PrimeNGConfig) {} + constructor(private zone: NgZone, private config: PrimeNGConfig) {} ngAfterViewInit() { this.initTimeout(); @@ -192,8 +192,6 @@ export class ToastItem implements AfterViewInit, OnDestroy { ngOnDestroy() { this.clearTimeout(); } - - } /** diff --git a/src/app/showcase/doc/Image/accessibilitydoc.ts b/src/app/showcase/doc/Image/accessibilitydoc.ts index 4b18d77a9a1..729f8871be9 100644 --- a/src/app/showcase/doc/Image/accessibilitydoc.ts +++ b/src/app/showcase/doc/Image/accessibilitydoc.ts @@ -4,9 +4,7 @@ import { Component } from '@angular/core'; selector: 'accessibility-doc', template: `

Screen Reader

-

- The preview button is a native button element with an aria-label that refers to the aria.zoomImage property of the locale API by default. -

+

The preview button is a native button element with an aria-label that refers to the aria.zoomImage property of the locale API by default.

When preview is active, dialog role with aria-modal is applied to the overlay image container.

Button controls use aria.rotateRight, aria.rotateLeft, aria.zoomIn, aria.zoomOut and aria.close from the locale API as aria-label.

ButtonBar Keyboard Support