WCAG 2.2 AA in Perfect Gym Go – How It Works

Instruction

In this article, you will learn about the accessibility features that are implemented in the Perfect Gym Go mobile app. Creating accessible designs is a key part of our commitment to inclusivity and compliance with legal standards. We are actively applying the core principles of the Web Content Accessibility Guidelines (WCAG) — including best practices for text, color contrast, navigation, and multimedia — to make our digital content more usable for everyone.

• This article explains how the Perfect Gym Go app is designed to help users navigate common accessibility barriers and provides guidance on turning on accessibility features.
• This article will be helpful for PG Champions, Front Desk Team, Club Managers and Club Administrators

Fast lane

• Go to: Settings / Additional settings / Accessibility
• Select: Vision tab
• Tap on: TalkBack to activate it.
• Alternatively: Use the search bar in your phone settings and type TalkBack to find the feature directly.

Feature description

The following WCAG 2.2 AA features are implemented in the Perfect Gym Go mobile app across key screens and flows.

Color contrast and visibility

• Text and image contrast ratios meet AA compliance across all views.
• Gradients are optimized to ensure consistent readability throughout the app (iOS).
• The White Label Builder includes a contrast notification to help clubs maintain compliant brand colors (iOS).

Screen reader support

• All interactive elements have meaningful labels and descriptions.
• List items — including notifications, classes, products, and trainers — are read as coherent units by screen readers.
• Decorative images are correctly marked so screen readers skip them.
• Navigation buttons (back, close, cancel) include descriptive labels readable by assistive technologies.

Touch targets

• Tap targets for input fields, buttons, radio buttons, and links meet the 24×24 dp minimum required by WCAG 2.2.
• This applies to: password inputs, search bars, buy buttons, social media links, and settings controls.

Navigation and focus order

• Focus and tab order follows a logical sequence across all screens.
• ARIA roles and semantic groupings support correct navigation for users of assistive devices.

Exposed content

• All text content, including elements in complex layouts, is accessible to screen readers.
• Icon-only actions — such as favorites, cancel booking, and QR scanner — announce their purpose to assistive technologies.

2. How to turn on TalkBack (voiceover) on Android

To enable the TalkBack screen reader, follow these steps:

1. Go to: Settings / Additional settings / Accessibility
2. Select the Vision tab.
3. Tap on TalkBack to activate it.

Alternative method: Use the search bar in your settings and type "TalkBack" to find the feature directly.