Introduction
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, including individuals with disabilities.
- In this article, you'll learn what the WCAG is, the specific requirements and techniques it outlines, and how we are enhancing our systems to better support PG users in overcoming common accessibility barriers.
- This article will be helpful for PG Champions, Front Desk Team, Club Managers and Club Administrators
Feature Description
General Understanding of Accessibility Levels
The Web Content Accessibility Guidelines (WCAG) define three levels of conformance, each representing a different degree of accessibility and inclusivity:
- A (Essential): The baseline level of accessibility. If these criteria aren’t met, assistive technologies may not be able to read, understand, or fully operate the page or view.
- AA (Ideal Support): A more comprehensive level, commonly required for government and public websites. This is the standard Perfect Gym aims to comply with.
- AAA (Specialized Support): The highest level of accessibility, often applied to specific parts of websites or web applications intended for a specialized audience.
At Perfect Gym, we are committed to ensuring that everyone - regardless of ability - has equal access to our platform. By aligning with WCAG 2.2 AA standards, we are creating a more inclusive and barrier-free experience for all users.
Common accessibility barriers we are addressing
As part of our efforts, we are tackling frequent accessibility challenges such as:
- Incompatibility with screen readers
- Content that cannot be navigated via keyboard
- Inaccessible PDF documents
- Missing alternative text for images
- Multimedia lacking captions, transcripts, or audio descriptions
- Unlabeled form inputs
- Insufficient color contrast that makes text difficult to read
- Barriers like CAPTCHA that may exclude some users
In alignment with the Barrier-Free Accessibility Strengthening Act (BFSG), we are implementing a comprehensive set of changes to ensure that all PG systems are fully accessible.
Our Key Focus Areas and Ongoing Actions
1. Perceivability
- Alt Text Implementation: We are adding descriptive alt text to images, icons, and buttons to support screen reader users.
- Multimedia Accessibility: Captions are being added to videos, and transcripts are provided for audio content.
- Color Contrast Improvements: We are adjusting color schemes to meet recommended contrast ratios for better legibility.
- Text Scalability: Our content now supports text resizing without loss of function or content clarity.
2. Operability
- Keyboard Navigation: All interactive components—links, forms, and buttons—are being made fully operable via keyboard.
- Structured Navigation: We’re enhancing navigation using clear headings, landmarks, and semantic structure.
- Time Flexibility: Time-sensitive elements are being updated to include options for extending or disabling time limits.
- Focus Visibility: Visual focus indicators are being enhanced to help users track their navigation.
- Inclusive Design Choices: We are actively reconsidering the use of elements like CAPTCHAs that may hinder accessibility.
3. Understandability
- Clear Communication: Content is being revised to use plain language and avoid technical jargon or complex instructions.
- Form Usability: Form inputs are being labeled clearly, with supportive error messages to guide users.
- Consistent Layouts: We’re standardizing layouts and interactions across our systems to reduce confusion and improve predictability.
4. Robustness
- Standards-Based Code: We are using semantic HTML and following accessibility coding standards to ensure assistive technology compatibility.
- ARIA Implementation: ARIA roles and attributes are being applied to enhance accessibility for dynamic content and controls.
- Ongoing Validation: Our code is being continuously validated against accessibility benchmarks for both HTML and CSS.
Overview of WCAG 2.2. AA Compliance & Essential Accessibility for Perfect Gym Products
| Success Criteria | PG GO | White Label Mobile Application | Client Portal | Client Portal - custom branding | Perfect Gym Manager | POS |
|---|---|---|---|---|---|---|
| Keyboard Navigation | - | - | Compliant with legal standards | Compliant with legal standards | Compliant with legal standards | - |
| Bypass blocks | - | - | Compliant with legal standards | Compliant with legal standards | Compliant with legal standards | - |
| Link purpose | - | - | Compliant with legal standards | Compliant with legal standards | Compliant with legal standards | - |
| Focus | Partially compliant with legal standards | Partially compliant with legal standards | Compliant with legal standards | Compliant with legal standards | Compliant with legal standards | - |
| Structure & Semantics | - | - | Compliant with legal standards | Compliant with legal standards | Compliant with legal standards | - |
| Image function | Partially compliant with legal standards | Partially compliant with legal standards | Compliant with legal standards | Compliant with legal standards | Compliant with legal standards | - |
| Expected input | Partially compliant with legal standards | Partially compliant with legal standards | Compliant with legal standards | Compliant with legal standards | Compliant with legal standards | - |
| Contrast | - | Selected Color Schema could be adjusted by client | Compliant with legal standards | Selected Color Schema could be adjusted by client | Compliant with legal standards | - |
Select a title to explore the full article and learn more about the accessibility features.
1. WCAG 2.2 AA in Perfect Gym Go – How It Works