Merge branch '2024-01-16-angular-berlin-meetup' into 'main'

2024-01-16 Angular Berlin Meetup - Accessibility in Angular

See merge request db-systel/tech-stories!66

src/docs/blog/2024/2024-01-16-Accessibility-in-Angular.adoc

@@ -0,0 +1,41 @@
+:jbake-title: Accessibility in Angular
+:jbake-card: Accessibility in Angular – Angulars features for a better and more inclusive web
+:jbake-date: 2024-01-16
+:jbake-type: post
+// enter tags comma separated
+:jbake-tags: Angular, JavaScript, TypeScript, HTML, a11y, Digitale Barrierefreiheit, digital accessibility
+:jbake-status: published
+:jbake-menu: Blog
+:jbake-discussion: 1076
+// multiple authors can be comma separated. Be sure the spelling matches with the authors in the profiles
+:jbake-author: Danny Koppenhagen
+// cou can add a teaser image. The path to place the image is src/docs/images
+:jbake-teaser-image: 20240116-a11y-Angular/a11y-angular.png
+
+
+== Accessibility in Angular – Angulars features for a better and more inclusive web
+
+The Angular Framework brings us some built-in features to help in creating accessible components and applications by wrapping common best practices and techniques.
+In this talk at the Angular Berlin Meetup, Danny presented these concepts and features.
+
+++++
+<!-- teaser -->
+++++
+
+The Agular Meetup Berlin, hosted at https://www.meetup.com/de-DE/angular-meetup-berlin[Angular Berlin Meetup] takes place regularly at DB Systel in Berlin.
+On January 16th 2024, Danny delved deeper into the https://angular.dev/[Angular] Framework and examining its features that aid in enhancing overall accessibility. Furthermore, he guided attendees through the use of the https://material.angular.io/cdk/[Angular CDK] which provides additional tools helping us to improve the accessibility of our application.
+
+=== Slides
+
+[cols="1", width=100%]
+|===
+a|
+++++
+<iframe class="speakerdeck-iframe" frameborder="0" src="https://speakerdeck.com/player/429de7064f324af1b55ed639b40ee517" title="Accessibility in Angular – Angulars features for a better and more inclusive web" allowfullscreen="true" style="border: 0px; background: padding-box padding-box rgba(0, 0, 0, 0.1); margin: 0px; padding: 0px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 40px; width: 100%; height: auto; aspect-ratio: 560 / 315;" data-ratio="1.7777777777777777"></iframe>
+++++
+
+|===
+
+=== Demos
+
+- https://github.com/d-koppenhagen/angular-a11y-demo[Angular a11y Demo Repository] with source code related to the slides

src/docs/blog/profiles/Danny-Koppenhagen.adoc

@@ -25,6 +25,7 @@ Danny is an experienced frontend architect at https://www.dbsystel.de/dbsystel-e
 
 === Links
 
+* https://www.linkedin.com/in/d-koppenhagen[LinkedIn Profile]
 * https://techhub.social/@k9n[Mastodon Profile]
 * https://twitter.com/d_koppenhagen[X (formerly known as Twitter) Profile]
 * https://github.com/d-koppenhagen[GitHub Profile]