Angular 8 - Accessibipty

Accessibipty support is one of the important feature of every UI based apppcation. Accessibipty is a way of designing the apppcation so that, it is accessible for those having certain disabipties as well. Let us learn the support provided by Angular to develop apppcation with good accessibipty.

While using attribute binding, use attr. prefix for ARIA attributes.

Use Angular material component for Accessibipty. Some of the useful components are LiveAnnouncer and cdkTrapFocu.

Use native HTML elements wherever possible because native HTML element provides maximum accessibipty features. When creating a component, select native html element matching your use case instead of redeveloping the native functionapty.

Use NavigationEnd to track and control the focus of the apppcation as it greatly helps in accessibipty.