Accessibility Adjustments Help

Toggle High Contrast

This button will darken the page's background color to black while making all text white. This high contrast will make it easier to read the website's content.

Toggle Page Zoom

This button will increase the size of all elements on the page.

Toggle Focus State

This button adds a visible focus state to all interactive elements when using the keyboard. This allows the user to know exactly where they are on a site while tabbing through with a keyboard. Note: this will only affect sites that do not currently have visible focus states.

Toggle Link Highlights

This button will add an outline to all links and buttons on a page that a user can interact with.

Accessibility Checker Help

Check Images

This triggers a check of all images on a page for either an 'alt', 'title', or an 'aria-label' attribute. Images that are purely decorative or do not include any information to convey to the user do not need alt text. In these cases, the alt attribute should still be present but should be left empty. Our checker will still flag empty alts as an error just in case.

Check Color Contrast

This triggers a check of all text to ensure that it's color has a high enough contrast against the color of the background it is on. In some cases our checker will flag contrast errors for text that is on top of an image or when either the text or the background element has a position of 'absolute'. In these cases it is up to the site administrator's discretion to determine if the text is legible.

Check Links & Buttons

This triggers a check of all the page's links and buttons. Links and buttons without text or an aria-label describing what the link or button accomplishes will fail. Without text (including hidden screen reader only text) or an aria-label, assistive technology will not be able to determine the purpose of the link/button.

Check For Duplicate IDs

This triggers a search for all IDs on a page. Duplicate IDs will be flagged as an error. Duplicate ID errors are known to cause problems for assistive technologies when they are trying to interact with content. SVGs tend to be a major source of this failure. It's beneficial to remove all IDs from SVGs before placing them on a page.

Chicago Parent Program

About Chicago Parent Program

Led by a team of the nation’s top nurse educators, the CPP program is a social science research based approach that spans multiple cities and communities, including Chicago, New York and Baltimore. CPP’s goals address the needs of parents of young children while being cognizant of diverse cultural and socio-economic backgrounds.

Service:Development, UX/UI Design
Industry:Education

The Chicago Parent Program (CPP) is a group-based parenting skills training program serving families with young children by helping to improve skills and confidence and reducing behavior problems. Ignition72 worked with the program to arm professionals with a video-based training platform to conduct sessions and transfer the knowledge, skills, and materials needed to implement the CPP in their agency and practice. Integral to the development was multilingual functionality and proper accessibility.

Learning + Planning

At the outset, Ignition72 sought to understand the CPP’s objectives, audiences, how content is being consumed and implemented, and the ways training sessions can unfold. We strategized a web-based video platform that ensured each step of a session was intuitive and able to be self-guided. This approach took into account language and other barriers so that professionals could respond accordingly with ease.

01/01

Design + Development

Clear and consistent graphic elements were the hallmark of this design in service of clear communication and ease of use for professionals. At hand are quick toggle mechanisms and supplemental resources within an under stable organization and flow fit for live and dynamic sessions.

With a modular content structure, the system that delivers the videos needed to be simple both for the end user and for the CPP team to manage. Implemented on the web instead of content modules delivered exclusively via a complicated thumb drive, the entire system benefits from enhanced video compression for quick loading.