Building for Accessibility with Angular

Workshop
Until the conference starts:
✓ Team discount
✓ Extra specials for freelancers
Register now
Until the conference starts:
✓ Team discount
✓ Extra specials for freelancers
Register now
Until the conference starts:
✓ 2 in 1 conference package
✓ Group Discount
Register now
Bis Konferenzbeginn:
✓ 2-in-1-Konferenzpaket
✓ Kollegenrabatt
Jetzt anmelden
Thank you for attending
✓ See you in 2023
Thank you for attending
✓ See you in 2023
Infos
Monday, September 26 2022
09:00 - 17:00
Room:
Golden Boardroom
Booking note:
Accessibility with Angular Workshop

Millions of people depend on accessibility features in order to use websites and applications, and to access technology and data that we often take for granted. When building for the web it is very important that we consider how to make sure our software is accessible to everyone. In fact, you very likely take advantage of accessibility features yourself on a regular basis: If you’ve used the keyboard to quickly fill out a web form, watched a video with subtitles to avoid waking up the kids, or used your voice to interface with your phone, you’ve benefited from good accessibility.

Unfortunately, as a tech community, even when we understand the importance of accessibility, the implementation often falls short. And when you find instructions on implementing web accessibility, so often they are overly simplistic and don’t translate easily into your development stack.

This hands-on workshop is for those interested in learning how to get started with web accessibility, but in a realistic scenario using the Angular framework, components, and Material design.

During this workshop you will take an existing web application and identify and fix its accessibility issues. You’ll have an opportunity to apply your own theme, perform accessibility testing, and build an Accessibility Action Plan to take back to work with you.

During this workshop we will cover:

  • Accessibility principles
  • Accessibility issues and their impact on users
  • Tools and techniques to identify issues
  • Strategies and methods for fixing accessibility issues
  • Theming with components, SCSS, and material design
  • Input error handling and material forms
  • How to build out an accessibility action plan

Dear participants,
very important information for you:
As there will be no or very limited internet bandwidth available during the workshop, we would like to ask you to make sure to pre-install the tools mentioned below.
Thank you for your understanding.

Below you find the updated instructions from Saturday, 24.09, 5 am. If you already cloned the project you need do this step again as we made changes to support working offline.

Please have the following code and tools installed prior to the workshop:
Visual Studio Code
Node.js 12.20+ or 14.15+
Git
Google Chrome
○ Chrome extension Accessibility Insights for Web
○ Chrome extension WAVE Evaluation Tool

Please complete the following setup steps prior to the workshop:
1. Clone the GitHub repository or download the zip file with the lab.

git clone [email protected]:M2D2co/build-for-accessibility-with-angular.git

cd build-for-accessibility-with-angular

2. Checkout the start branch

git checkout start

3. Install dependencies

npm install

4. Launch project

npm start

Looking forward to a great workshop! Happy coding!

Take me to the full program of Zum vollständigen Programm von New York New York .

This Session belongs to the Diese Session gehört zum Programm vom New YorkNew York program. Take me to the program of . Hier geht es zum Programm von Munich München .

This Session belongs to the Diese Session gehört zum Programm vom New YorkNew York program. Take me to the program of . Hier geht es zum Programm von London London .

This Session Diese Session belongs to the gehört zum Programm von New YorkNew York program. Take me to the current program of . Hier geht es zum aktuellen Programm von New York New York , Munich München or oder London London .

STAY TUNED!

 

BEHIND THE TRACKS OF iJS

Angular

Best-Practises with Angular

Vue.js

One of the most famous frameworks of modern days

JavaScript Practices & Tools

DevOps, Testing, Performance, Toolchain & SEO

Node.js

All about Node.js

React

From Basic concepts to unidirectional data flows