The Patterns of ACCESS NYC are a shared vocabulary between the code, design, and user interface (UI) of ACCESS NYC.


ACCESS NYC aims to increase the accessibility and convenience of discovering and enrolling in government benefits. The Patterns support this work by defining the UI and behavior that New Yorkers experience as they use the site.

Features

  • Web Content Accessibility Guidelines (WCAG) AA Compliant typography and color contrast.
  • Multi-lingual stylesheets with right-to-left and left-to-right reading orientations.
  • Mobile-first stylesheets with support for modern browsers back to Internet Explorer 11.
  • Module-based design patterns with CSS and JavaScript included for each pattern.
  • tailwindcss integration.

Installation

The Patterns are available as an NPM package and can be installed with the following command.

npm install @nycopportunity/access-patterns

All of the source code is publicly available and can also be integrated via cdn. See the intallation docs for more details and usage.

About

Learn more about ACCESS NYC Patterns.

Icons

The Icon Pattern set reference and usage.

NYC Civic Service Design

ACCESS NYC was built using NYC Civic Service Design principles. The corresponding site is an introduction to service design for public servants, and a set of practical ways to include design methods in your work. Use this collection of tools and tactics to see your service in context, talk with people who use it, and try out ideas in low-risk ways. Additionally, you can contact the Service Design Studio to find out how you can implement service design in your work.

More NYC Design and Technology Resources