What the developer should pay attention to:<ul><li>Tab order is logical</li><li>Focus is properly managed and visible</li><li>Interactive elements have keyboard support</li><li>ARIA roles & attributes applied as needed</li><li>Elements are properly labeled</li><li>Testing is automated</li></ul>

4. For the Developer

Steps each design has to confirm:<ul><li>Content has good color contrast (4.5:1 for smaller text, 3.5 for larger text, 14pt bold, 18pt regular)</li><li>Tab order is identified</li><li>Controls have accessible labels</li><li>There are multiple ways to interact with the UI</li></ul>

3. For the UX Designer

Ideally, the entire team should be onboarded before making a website accessible (product owner, developers, designers). It doesn't really work if there is only one person solely responsible for accessibility in an organization since that person will push against the goal of others to deliver fast. Make sure that it is a priority to train others during the work day to avoid people not prioritizing learning due to time.

1. Make sure everybody is onboard

A critical or primary user journey is a basic flow everybody has to perform in order to use the app.(E.g. Add an item to the card)A secondary user journey is a flow only power users can perform.(E.g. Change your profile avatar)Identify the user journeys (primary and secondary) of your product to identify the future work to be done on the most important product areas.Then, apply an accessibility checklist to each step of each user journey. Run through the checklist with every team member.

2. Identify critical and secondary user journeys

Making your site more accessible can be a daunting task. If you are approaching accessibility for the first time, the sheer breadth of the topic can leave you wondering where to start - after all, working to accommodate a diverse range of abilities means there are a correspondingly diverse range of issues to consider. This talk will explain how to effectively review a site for accessibility and how to build accessibility considerations into your team process so each team member knows their role, and has the appropriate training material. The goal is for attendees to walk away with an actionable process which they can immediately use to assess and improve their products' accessibility and overall user experience. See all the talks from Google I/O '17 here: https://goo.gl/D0D4VE Watch more Android talks at I/O '17 here: https://goo.gl/c0LWYl Watch more Chrome talks at I/O '17 here: https://goo.gl/Q1bFGY Watch more Firebase talks at I/O '17 here: https://goo.gl/pmO4Dr Subscribe to the Google Developers channel: http://goo.gl/mQyv5L #io17 #GoogleIO #GoogleIO2017 event: Google I/O 2017; release: Publish;

career

Career

teamwork

Teamwork

Making your site more accessible can be a daunting task. If you are approaching accessibility for the first time, the sheer breadth of the topic can leave you wondering where to start - after all, working to accommodate a diverse range of abilities means there are a correspondingly diverse range of issues to consider.

This talk will explain how to effectively review a site for accessibility and how to build accessibility considerations into your team process so each team member knows their role, and has the appropriate training material. The goal is for attendees to walk away with an actionable process which they can immediately use to assess and improve their products' accessibility and overall user experience.

See all the talks from Google I/O '17 here: https://goo.gl/D0D4VE
Watch more Android talks at I/O '17 here: https://goo.gl/c0LWYl
Watch more Chrome talks at I/O '17 here: https://goo.gl/Q1bFGY
Watch more Firebase talks at I/O '17 here: https://goo.gl/pmO4Dr

Subscribe to the Google Developers channel: http://goo.gl/mQyv5L

#io17 #GoogleIO #GoogleIO2017 event: Google I/O 2017; re_ty: Publish;

Subscribe to join a community of creative developers and learn the latest in Google technology — from AI and cloud, to mobile and web.

Explore more at developers.google.com



4. For the Developer

Similar ideas to 4. For the Developer

The decorating process

How to study 📚🦋💻📑

Get organized

Pay attention in class