✓ See you in 2023
✓ See you in 2023
Infos
09:00 - 17:00
Golden Boardroom
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
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!
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 .