Loading…
Loading…
Novelle Scale is committed to ensuring digital accessibility for people with disabilities. We are continually improving the user experience for everyone and applying the relevant accessibility standards.
Last updated: 2026-02-16
The Web Content Accessibility Guidelines (WCAG) define requirements for designers and developers to improve accessibility for people with disabilities. It defines three levels of conformance: Level A, Level AA, and Level AAA.
Novelle Scale is partially conformant with WCAG 2.1 Level AA. Partially conformant means that some parts of the content do not fully conform to the accessibility standard.
The following table summarizes our conformance with WCAG 2.1 Level AA criteria, based on the ITI VPAT 2.4 format (Revised Section 508 Edition).
| Criteria | Conformance Level | Remarks |
|---|---|---|
| 1.1.1 Non-text Content | Supports | All images have alt text. Icons use aria-hidden with adjacent text labels. Decorative images use empty alt. |
| 1.2.1 Audio-only and Video-only | Partially Supports | Video content blocks have transcription support. Auto-generated captions available for uploaded videos. |
| 1.2.2 Captions (Prerecorded) | Partially Supports | Video chapters include timed markers. Closed captions depend on uploaded content; not auto-generated for all media. |
| 1.2.3 Audio Description | Does Not Support | Audio descriptions are not currently provided for video content. |
| 1.3.1 Info and Relationships | Supports | Semantic HTML used throughout. Forms use proper labeling. Data tables use th elements. |
| 1.3.2 Meaningful Sequence | Supports | Content follows logical reading order. Layout uses CSS Grid/Flexbox without altering DOM order. |
| 1.3.3 Sensory Characteristics | Supports | Instructions do not rely solely on shape, color, size, or visual location. |
| 1.4.1 Use of Color | Supports | Status indicators use both color and icons/text. Pass/fail states include icons alongside color. |
| 1.4.2 Audio Control | Supports | Audio and video players have standard controls including pause and volume. |
| 2.1.1 Keyboard | Supports | All interactive elements are keyboard accessible. Tab order follows logical sequence. |
| 2.1.2 No Keyboard Trap | Supports | Modal dialogs can be dismissed with Escape. Focus returns to trigger element. |
| 2.2.1 Timing Adjustable | Supports | Session timeouts provide advance warning. Quiz timers are configurable by instructors. |
| 2.3.1 Three Flashes | Supports | No content flashes more than three times per second. |
| 2.4.1 Bypass Blocks | Supports | Skip-to-content link available. Navigation landmarks defined. |
| 2.4.2 Page Titled | Supports | All pages have descriptive, unique titles via Next.js metadata. |
| 2.4.3 Focus Order | Supports | Tab order follows visual layout. Modal focus is trapped appropriately. |
| 2.4.4 Link Purpose | Supports | Links have descriptive text. Icon-only links include aria-label. |
| 3.1.1 Language of Page | Supports | HTML lang attribute is set to 'en'. |
| 3.2.1 On Focus | Supports | No unexpected context changes on focus. |
| 3.2.2 On Input | Supports | Form submissions require explicit action. Auto-save is non-disruptive. |
| 3.3.1 Error Identification | Supports | Form errors are identified with text descriptions and visual indicators. |
| 3.3.2 Labels or Instructions | Supports | All form inputs have associated labels. Required fields are marked. |
| 4.1.1 Parsing | Supports | Valid HTML. React JSX ensures no duplicate IDs. |
| 4.1.2 Name, Role, Value | Supports | Custom components expose appropriate ARIA roles and states. |
| Criteria | Conformance Level | Remarks |
|---|---|---|
| 1.3.4 Orientation | Supports | Content displays in both portrait and landscape orientations. |
| 1.3.5 Identify Input Purpose | Supports | Form inputs use autocomplete attributes where applicable. |
| 1.4.3 Contrast (Minimum) | Partially Supports | Most text meets 4.5:1 contrast ratio. Some decorative/muted text may not meet threshold in all themes. Automated testing with axe-core runs on all pages. |
| 1.4.4 Resize Text | Supports | Text can be resized to 200% without loss of content. Layout uses responsive units. |
| 1.4.5 Images of Text | Supports | Text is rendered as HTML, not as images. Logo is the only exception. |
| 1.4.10 Reflow | Supports | Content reflows at 320px width. Fully responsive design. |
| 1.4.11 Non-text Contrast | Partially Supports | UI components generally meet 3:1 contrast. Progress bars and gauge fills may not meet threshold on all backgrounds. |
| 1.4.12 Text Spacing | Supports | Custom text spacing can be applied without loss of content. |
| 1.4.13 Content on Hover or Focus | Supports | Tooltips are dismissible, hoverable, and persistent. |
| 2.4.5 Multiple Ways | Supports | Navigation menu, breadcrumbs, search, and direct URL access. |
| 2.4.6 Headings and Labels | Supports | Descriptive headings with proper hierarchy (h1-h6). |
| 2.4.7 Focus Visible | Supports | Focus indicators use ring styling. High-contrast focus rings on interactive elements. |
| 3.1.2 Language of Parts | Supports | Content is in English. Multi-language content blocks would use lang attribute. |
| 3.2.3 Consistent Navigation | Supports | Navigation is consistent across pages within each section. |
| 3.2.4 Consistent Identification | Supports | Components with same function use consistent labeling. |
| 3.3.3 Error Suggestion | Supports | Form validation provides specific error messages with correction suggestions. |
| 3.3.4 Error Prevention | Supports | Destructive actions require confirmation. Important data changes can be reviewed. |
| 4.1.3 Status Messages | Partially Supports | Toast notifications use role='alert'. Some status updates may not be announced to screen readers. |
Novelle Scale is designed to be compatible with the following assistive technologies:
We welcome your feedback on the accessibility of Novelle Scale. If you encounter accessibility barriers, please contact us:
We try to respond to accessibility feedback within 5 business days.