✓ Fullstack Day for free
✓ PlayStation Classic Mini or C64 Mini for free
✓ Save up to 594 €
Register now
✓ Fullstack Day for free
✓ PlayStation Classic Mini oder C64 Mini for free
✓ Bis zu 594 € sparen
Register now
✓ PlayStation Classic Mini or C64 Mini for free
✓ Save up to £335
✓ Group discount
Register now
✓ PlayStation Classic Mini or C64 Mini for free
✓ Save up to £335
✓ Group discount
Register now
Infos
Accessibility with Angular Workshop
Description
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.
Content & Process
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
Audience & Requirements
You will need a laptop with the following:
- Chrome
- Accessibility Insights for Web (Chrome Extension)
- WAVE Evaluation Tool (Chrome Extension)
- Visual Studio Code
- Git Client
- Node with NPM
- Angular CLI (npm i -g @angular/cli)
Perform the following set up:
- Clone the repository (git clone [email protected]:M2D2co/build-for-accessibility-with-angular.git)
- Checkout the start branch (git checkout start)
- Install dependencies (npm install)
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 .