Skip to main content
WCAG 2.1 AA v1.0

Accessibility Commitment & Statement

Accessibility features of CopyCharacter: WCAG 2.1 Level AA coverage of keyboard navigation, screen readers, and color contrast.

Effective Date: 2024-09-01 Last Updated: 2026-09-12
Detailed WCAG 2.1 Level AA compliance, screen reader attributes, and keyboard navigation support.

Our Accessibility Commitment

CopyCharacter is dedicated to ensuring digital accessibility for all users, regardless of disability, neurodivergence, or assistive technology utilized. We believe reference tools, typography data, and Unicode symbols should be seamlessly navigable and understandable for everyone.

WCAG 2.1 Level AA Conformance

We actively design and test our web application against the Web Content Accessibility Guidelines (WCAG) 2.1 Level AA standards. Our architecture integrates accessibility principles from the ground up:

  • Semantic HTML5 landmark structures (<header>, <nav>, <main>, <footer>, <article>).
  • A single, hierarchical <h1> per page with strictly descending heading levels (<h2>, <h3>).
  • Skip-to-main-content bypass links accessible via the initial Tab keypress on every page view.

Screen Reader Attributes & Character Labels

Because raw Unicode characters can be ambiguous or unvocalized by text-to-speech engines (such as NVDA, JAWS, or VoiceOver), we enrich our character grids:

  • Descriptive ARIA Labels: Every character tile provides an aria-label declaring its official Unicode name and codepoint (e.g., aria-label="Euro Sign, Codepoint U+20AC").
  • Live Status Announcements: When a user copies a character to clipboard, an invisible aria-live="polite" region announces confirmation ("Copied Euro Sign to clipboard") without stealing focus.
  • Table Headers: All shortcut and encoding tables use explicit <th scope="col"> and <th scope="row"> elements.

Full Keyboard Operability & Focus Rings

Every interactive element on CopyCharacter is fully functional without a mouse:

  • Complete tab-order navigation across search bars, character cards, category filters, and form controls.
  • Operable via standard keystrokes: Enter or Space to activate buttons and copy glyphs.
  • High-contrast visual focus rings (:focus-visible) styled in bright indigo/blue across both light and dark themes to ensure keyboard users never lose their place.

Color Contrast & Typography

  • Contrast Ratios: Text content meets or exceeds the WCAG minimum contrast ratio of 4.5:1 against background surfaces; large headings meet or exceed 3:1.
  • Reduced Motion: All micro-animations and smooth scroll behaviors respect the prefers-reduced-motion: reduce media query.
  • Bidirectional (BiDi) Scripts: Arabic, Hebrew, Urdu, and other Right-to-Left writing systems are served with appropriate dir="rtl" attributes to preserve visual and semantic integrity.

Feedback & Reporting Accessibility Barriers

We continually test and refine our application. If you encounter an accessibility barrier or have suggestions for assistive improvements, please contact us:

Email: [email protected]
Accessibility Form: Submit Accessibility Report

Please include the page URL, the assistive technology used (e.g. screen reader version, browser, operating system), and a brief description of the issue.