Kristina S.

San Francisco Bay Area

Portfolio

About

Resume

Let's Connect

Kristina S.

San Francisco Bay Area

Portfolio

About

Resume

Let's Connect

Kristina S.

San Francisco Bay Area

Kristina S.

San Francisco Bay Area

OneApp Accessibility Implementation

SoftServe | Teladoc
a11y Documentation & Implementation
2021-2022

Overview

At Teladoc, a global leader in virtual healthcare services, I worked on one of the world’s largest telemedicine platforms, encompassing both the Legacy and OneApp versions. OneApp unified three healthcare applications into a single cohesive solution. My primary objective was to ensure that both applications were WCAG (AA) compliant and fully functional with assistive technologies. This included collaborating with the WCAG development team to align legacy systems with legal accessibility requirements and establishing a comprehensive set of rules and principles for the new OneApp to provide an inclusive and seamless user experience for all users.

Company

Teladoc

Experian Employer Services( current)

Experian Employer Services( current)

Project Duration

1.5 years

On-going

On-going

My Role

UX Designer, Accessibility

UX research, Prototyping, User Testing, Development Support, Accessibility Assurance

UX research, Prototyping, User Testing, Development Support, Accessibility Assurance

Company

Experian Employer Services( current)

Project Duration

On-going

My Role

UX research, Prototyping, User Testing, Development Support, Accessibility Assurance

4

complex applications

with their mobile and desktop versions were in scope

400+

design-related issues

in the legacy application that were fixed and tested

$150K+

were saved in fines

due to resoving accessibility issues

The telemedicine applications at Teladoc, including both Legacy systems and the new OneApp, were not fully WCAG compliant, making them inaccessible to users relying on assistive technologies. This lack of accessibility posed significant risks, including potential penalties for non-compliance with legal standards. With OneApp merging three healthcare applications into a single platform, it became critical to address these accessibility gaps to ensure inclusivity, legal compliance, and a seamless experience for all users.
A11Y Figma Components Library

To create the a11y annotations, our team developed an Annotation Components Library that helps specify key elements such as links, buttons, input fields, dropdowns, modals, tables, regions, and tab order.

Accessible Navigation

My work involved developing a global navigation, requiring precise annotations. To ensure proper markup, I conducted research and collaborated with WCAG product owners and Accessibility Auditors.

Mobile Navigation

I worked on the navigation for mobile apps iOS and Android, ensuring seamless usability across platforms and that the created solutions work well with the Accessibility features across all the platforms correctly.

Annotation of the Pages

Creating an optimal structure and element order for keyboard and screen reader accessibility was critical for the main page of OneApp. With numerous services and similar calls to action presented in tile format, it was essential to ensure that users could easily navigate the page and understand each action.

Standartization & creation of a11y maps

To help developers understand where a user would appear after clicking, where focus would fall after a certain action, and whether notifications needed to be read, I created an annotations map. This visual tool provided all the necessary details and information to ensure developers had a clear understanding.

Accessible Design System

To standardize accessibility practices and streamline the annotation process, I embedded accessibility guidelines directly into the design system components. Each component was accompanied by detailed documentation for both designers and developers, ensuring that the implemented components were designed and developed with accessibility in mind from the start.”

A11Y guidelines

To ensure standardized annotations across other designs and areas of the app, and a consistent approach to accessibility development throughout the application, I collaborated with WCAG product owners to develop guidelines. These guidelines outline general formulas for annotating each element, providing designers and development teams with clear direction.

Learnings

  1. Collaborated with the WCAG team and gained in-depth knowledge of AA WCAG requirements.
  2. Explored assistive technologies in action to better understand user needs.
  3. Mapped out comprehensive accessibility (a11y) workflows for developers to ensure a consistent experience for people with disabilities.
  4. Developed standardized methods for creating a11y annotations to support other teams.