Angular CDK Overlay: Adding accessibility features

Veröffentlicht am: 02 Februar 2024
auf dem Kanal: Brian Treese

1,702

When creating a modal or pop-up in an Angular application, accessibility can be easy to overlook. If you’re developing an app but you’re able to see, hear, and easily access and use different devices, it’s probably not top of mind for you. But it’s important. Our goal should be to make our apps available to as many people as possible. Making them accessible helps do just that.

In this video, we’ll work on an existing demo application that we’ve created over several videos focused on the Angular CDK Overlay. We’ll take the example and make it accessible using ARIA roles and attributes, managing focus, and adding proper keyboard functionality. Alright, let’s get to it.

------------------------------------------------------------------------------

📺 More Angular CDK Overlay Tutorial Videos: • The Angular CDK Overlay

------------------------------------------------------------------------------

🔗 Demo Link:
https://stackblitz.com/edit/stackblit...

------------------------------------------------------------------------------

📖 Chapters:
0:00 – Introduction
1:34 – The demo application
2:01 – Adding the proper ARIA roles and attributes to the Angular CDK Overlay
4:21 – Managing focus for the Angular CDK Overlay with the cdkTrapFocus directive
6:47 – Handling initial focus with the cdkFocusInitial attribute
7:42 – Handling keyboard functionality for the Angular CDK Overlay
8:59 – Using the CDK Overlay overlayKeydown @Output to manage custom keyboard events

------------------------------------------------------------------------------

#angular #angulartutorial #cdk

Auf dieser Seite können Sie das Online-Video Angular CDK Overlay: Adding accessibility features mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Brian Treese 02 Februar 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 1,702 Mal angesehen und es wurde von 43 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

994