UI Dev Sync

November 15, 2019

Agenda

News and updates

Changelog

Show & Tell

Tracking with DTM

Accessibility Testing

📰

📜

🎭

📡

👨🏽‍🔬

Welcome

Sohail

Shruthi

Jake

😄

Housekeeping 🧹

BrowserStack
Read the Wiki
Missing fonts
Meeting next week

Schedule 🗓

November 22
December 6
December 20

Changelog 📜

activecore-react-ui-kit v2.0.0

Refactor Icons to deprecate Sprite
Add onClick prop to Accordion

bsd-ui-stylekit v0.2.2

No updates, no ❤️

bsd-ui-utils v1.6.1

Update phone number regex
Deeply mask sensitive fields

Show & Tell:

ActiveCore

Tracking with DTM

Accessibility Testing

Automated Testing

Lighthouse in Chrome DevTools
WAVE Extension by WebAIM
axe Extension by Deque Systems

Manual Testing

Analyze Color Contrast
Keyboard Navigability
Screen Reader Readability

UI Kit Components

Accordion
Action Menu
Modal
Table
Tooltip

Loader
Select
Tabs

UI Dev Sync

Agenda

Welcome

Sohail

Shruthi

Jake

😄

Housekeeping 🧹

BrowserStack

Read the Wiki

Missing fonts

Meeting next week

Schedule 🗓

November 22

December 6

December 20

Changelog 📜

Show & Tell:

ActiveCore

Tracking with DTM

Accessibility Testing

Automated Testing

Lighthouse in Chrome DevTools

WAVE Extension by WebAIM

axe Extension by Deque Systems

Manual Testing

Analyze Color Contrast

Keyboard Navigability

Screen Reader Readability

UI Kit Components

Accordion

Action Menu

Modal

Table

Tooltip

Loader

Select

Tabs

Resources

Tips for Getting Started

https://www.w3.org/WAI/tips/developing/

Accessibility in React

https://reactjs.org/docs/accessibility.html

18F Accessibility Guide

https://accessibility.18f.gov/

More Resources

The A11y Project

https://a11yproject.com/

WebAIM Resources

https://webaim.org/resources/

A11y.me

https://a11y.me/

Screen Reader Demo

Thank you! 😄