At Firstup, we are committed to reaching every worker. As a SaaS platform, we are continuously updating and adding new functionality. In doing so, we strike a balance between meeting our clients' needs and market demands, while also focusing on speed, stability, scalability, and accessibility.
New features go through several stages. First, the features undergo internal testing, then move to a beta or limited release, and finally, they become generally available (GA) for all customers. Throughout this process, we ensure that the features are stable, scalable, and accessible.
During the design and development phase, our Research and Development (R&D) team prioritizes accessibility. They use development tools that scan for common accessibility elements such as Aria, headings, language, and mouse and keyboard compatibility. Furthermore, once a new feature reaches General Availability, we make commercially-reasonable efforts to ensure it complies with the full accessibility standards of level AA, as defined by WCAG 2.1.
We believe in being transparent about our efforts to improve accessibility and will keep our customers informed about the progress we make in this area.
Design Approach
The User Experience team at Firstup follows a design system that prioritizes accessibility from the ground up. Accessible products and services are designed to effectively communicate, be easy to use, easily understood, and adaptable to evolving web standards. Our design system includes guidelines that assist us in making informed decisions when creating the product experience.
Alongside the aforementioned principles, we also utilize auditing tools during the design process to address visual accessibility concerns. These concerns primarily involve fonts, component size, colors, and contrast. Our checks consider all four aspects within their actual context and in relation to each other. This approach allows us to focus more on the code-based side of ARIA (Accessible Rich Internet Applications) during development and quality assurance (QA) phases.
Accessibility Processes
Design
- Firstup design system used when implementing updates and new features
- Fonts sizes and colors, contrast colors, page hierarchy
Development
- Use tools to ensure accessibility requirements for buttons, ARIA labels, alt text, etc.
- Currently in use in Creator Studio: https://reach.tech/router/accessibility
- Creator Studio and member experience: https://github.com/jsx-eslint/eslint-plugin-jsx-a11y#supported-rules
QA Process
- Review for keyboard accessibility
- Text to speech for screen readers
WCAG 2.1 Requirements
Guideline | Checkpoint | Level | Conformance |
Guideline 1.1 Text Alternatives | 1.1.1 Non-text Content | A | Supported |
Guideline 1.2 Time-based Media | 1.2.1 Audio-only and Video-only | A | Supported |
Guideline 1.2 Time-based Media | 1.2.2 Captions (Prerecorded) | A | Supported |
Guideline 1.2 Time-based Media | 1.2.3 Audio Description or Media Alternative (Prerecorded) | A | Supported |
Guideline 1.2 Time-based Media | 1.2.4 Captions (Live) | AA | Not applicable |
Guideline 1.2 Time-based Media | 1.2.5 Audio Description (Prerecorded) | AA | Does not support |
Guideline 1.2 Time-based Media | 1.2.6 Sign Language (Prerecorded) | AAA | Does not support |
Guideline 1.2 Time-based Media | 1.2.7 Extended Audio Description (Prerecorded) | AAA | Does not support |
Guideline 1.2 Time-based Media | 1.2.8 Media Alternative (Prerecorded) | AAA | Supported |
Guideline 1.2 Time-based Media | 1.2.9 Audio-only (Live) | AAA | Not applicable |
Guideline 1.3 Adaptable | 1.3.1 Info and Relationships | A | Supported |
Guideline 1.3 Adaptable | 1.3.2 Meaningful Sequence | A | Supported |
Guideline 1.3 Adaptable | 1.3.3 Sensory Characteristics | A | Supported |
Guideline 1.3 Adaptable | 1.3.4 Orientation | AA | Not supported |
Guideline 1.3 Adaptable | 1.3.5 Identity Input Purpose | AA | Supported |
Guideline 1.3 Adaptable | 1.3.6 Identify Purpose | AAA | Supported |
Guideline 1.4 Distinguishable | 1.4.1 Use of Color | A | Supported |
Guideline 1.4 Distinguishable | 1.4.2 Audio Control | A | Supported |
Guideline 1.4 Distinguishable | 1.4.3 Contrast Minimum | AA | Supported |
Guideline 1.4 Distinguishable | 1.4.4 Resize Text | AA | Supported |
Guideline 1.4 Distinguishable | 1.4.5 Images of Text | AA | Supported |
Guideline 1.4 Distinguishable | 1.4.6 Contrast (Enhanced) | AAA | Does not support |
Guideline 1.4 Distinguishable | 1.4.7 Low or No Background Audio | AAA | Does not support |
Guideline 1.4 Distinguishable |
1.4.8 Visual Presentation |
AAA | Not applicable |
Guideline 1.4 Distinguishable | 1.4.9 Images of Text (No exception) | AAA | Not applicable |
Guideline 1.4 Distinguishable | 1.4.10 Reflow | AA | Supported |
Guideline 1.4 Distinguishable | 1.4.11 Non-text Contrast | AA | Supported |
Guideline 1.4 Distinguishable | 1.4.12 Text Spacing | AA | Supported |
Guideline 1.4 Distinguishable | 1.4.13 Content on Hover or Focus | AA | Not applicable |
Guideline 2.1 Keyboard Accessible | 2.1.1 Keyboard | A | Supported |
Guideline 2.1 Keyboard Accessible | 2.1.2 No Keyboard Trap | A | Supported |
Guideline 2.1 Keyboard Accessible | 2.1.3 Keyboard (No Exception) | AAA | Supported |
Guideline 2.1 Keyboard Accessible | 2.1.4 Character Key Shortcuts | A | Not applicable |
Guideline 2.2 Enough Time | 2.2.1 Timing Adjustable | A | Not applicable |
Guideline 2.2 Enough Time | 2.2.2 Pause, Stop, Hide | A | Not applicable |
Guideline 2.2 Enough Time | 2.2.3 No Timing | AAA | Supported |
Guideline 2.2 Enough Time | 2.2.4 Interruptions | AAA | Not applicable |
Guideline 2.2 Enough Time | 2.2.5 Re-authenticating | AAA | Does not support |
Guideline 2.2 Enough Time | 2.2.6 Timeouts | AAA | Does not support |
Guideline 2.3 Seizures and Physical Reactions | 2.3.1 Three Flashes or Below Threshold | A | Supported |
Guideline 2.3 Seizures and Physical Reactions | 2.3.2 Three Flashes | AAA | Not applicable |
Guideline 2.3 Seizures and Physical Reactions | 2.3.3 Animation from Interactions | AAA | Does not support |
Guideline 2.4 Navigable | 2.4.1 Bypass Blocks | A | Supported |
Guideline 2.4 Navigable | 2.4.2 Page Titled | A | Supported |
Guideline 2.4 Navigable | 2.4.3 Focus Order | A | Supported |
Guideline 2.4 Navigable | 2.4.4 Link Purpose (In Context) | A | Supported |
Guideline 2.4 Navigable | 2.4.5 Multiple Ways | AA | Supported |
Guideline 2.4 Navigable | 2.4.6 Headings and Labels | AA | Supported |
Guideline 2.4 Navigable | 2.4.7 Focus visible | AA | Supported |
Guideline 2.4 Navigable | 2.4.8 Location | AAA | Not applicable |
Guideline 2.4 Navigable | 2.4.9 Link Purpose (Link Only) | AAA | Supported |
Guideline 2.4 Navigable | 2.4.10 Section Headings | AAA | Supported |
Guideline 2.5 Input Modalities | 2.5.1 Pointer Gestures | A | Not applicable |
Guideline 2.5 Input Modalities | 2.5.2 Pointer Cancellation | A | Supported |
Guideline 2.5 Input Modalities | 2.5.3 Label in Name | A | Supported |
Guideline 2.5 Input Modalities | 2.5.4 Motion Actuation | A | Not applicable |
Guideline 2.5 Input Modalities | 2.5.5 Target Size | AAA | Does not support |
Guideline 2.5 Input Modalities | 2.5.6 Concurrent Input Mechanisms | AAA | Supported |
Guideline 3.1 Readable | 3.1.1 Language of Page | A | Supported |
Guideline 3.1 Readable | 3.1.2 Language of Parts | AA | Supported |
Guideline 3.1 Readable | 3.1.3 Unusual Words | AAA | Does not support |
Guideline 3.1 Readable | 3.1.4 Abbreviations | AAA | Does not support |
Guideline 3.1 Readable | 3.1.5 Reading Level | AAA | Does not support |
Guideline 3.1 Readable | 3.1.6 Pronunciation | AAA | Does not support |
Guideline 3.2 Predictable | 3.2.1 On Focus | A | Supported |
Guideline 3.2 Predictable | 3.2.2 On Input | A | Supported |
Guideline 3.2 Predictable | 3.2.3 Consistent Navigation | AA | Supported |
Guideline 3.2 Predictable | 3.2.4 Consistent Identification | AA | Supported |
Guideline 3.2 Predictable | 3.2.5 Change on Request | AAA | Supported |
Guideline 3.3 Input Assistance | 3.3.1 Error Identification | A | Supported |
Guideline 3.3 Input Assistance | 3.3.2 Labels or Instructions | A | Supported |
Guideline 3.3 Input Assistance | 3.3.3 Error Suggestion | AA | Supported |
Guideline 3.3 Input Assistance | 3.3.4 Error Prevention (Legal, Financial, Data) | AA | Not applicable |
Guideline 3.3 Input Assistance | 3.3.5 Help | AAA | Not applicable |
Guideline 3.3 Input Assistance | 3.3.6 Error Prevention (All) | AAA | Supported |
Guideline 4.1 Compatible | 4.1.1 Parsing | A | Supported |
Guideline 4.1 Compatible | 4.1.2 Name, Role, Value | A | Supported |
Guideline 4.1 Compatible | 4.1.3 Status Messages | AA | Not applicable |
Comments
0 comments
Article is closed for comments.