Accessibility Statement

Keyboard Navigation Support

All NumbrWiz calculators and interactive features are fully operable via keyboard alone. We have implemented consistent keyboard navigation patterns across the entire platform. No functionality requires a mouse or touch input exclusively.

Available Keyboard Shortcuts

All focusable elements receive a clearly visible focus ring (using :focus-visible) styled with sufficient contrast against any background. We use a 2px solid outline with an additional offset to ensure focus states are never obscured.

Screen Reader Compatibility

NumbrWiz uses semantic HTML5 throughout — proper heading hierarchies, landmark regions, labeled form controls, and descriptive link text — to ensure screen reader users can navigate and understand our content efficiently. Key features include:

• ARIA labels: All interactive components carry appropriate aria-label, aria-expanded, aria-current, and role attributes where needed.
• Live regions: Dynamic result areas announce changes to screen reader users via ARIA live region attributes.
• Skip link: A "Skip to main content" link is the first focusable element on every page.
• Descriptive alt text: All SVG icons include aria-hidden="true" when decorative, and meaningful text alternatives when informative.
• Form labeling: Every input field has an associated <label> element with a matching for attribute.

Color Contrast and Readability

All text elements on NumbrWiz meet or exceed WCAG 2.1 AA contrast ratio requirements of 4.5:1 for normal text and 3:1 for large text. Our color palette is carefully selected to ensure readability in both light and dark modes.

• Light mode: Dark text (#13223a) on light backgrounds (#f8fafc / #ffffff) with a contrast ratio exceeding 10:1.
• Dark mode: Light text (#f1f5f9) on dark backgrounds (#0b1526 / #13223a) with a contrast ratio exceeding 9:1.
• Interactive elements: Buttons and links maintain clear visual distinction from surrounding text through color, weight, and underlines on hover.
• Focus indicators: A high-contrast blue (#0a4f94) outline is used for all focus-visible states, never relying on color alone.

Responsive and Mobile Accessibility

Every NumbrWiz calculator is built with a mobile-first responsive design approach. Pages adapt fluidly across viewports from 320px to 1920px and beyond, ensuring usability on smartphones, tablets, and desktop computers alike.

• Touch targets: All interactive elements maintain a minimum touch target size of 44x44px as recommended by WCAG 2.1 (Success Criterion 2.5.5).
• Zoom support: Content reflows correctly at up to 400% browser zoom without horizontal scrolling or content loss.
• Orientation independence: All pages work in both portrait and landscape orientations without functionality loss.
• Gesture compatibility: Touch gestures work alongside standard keyboard and pointer interactions without conflict.

Focus States and Navigation

Clear focus management is essential for keyboard and assistive technology users. NumbrWiz maintains a logical tab order that follows the visual layout of each page. Key aspects of our focus implementation include:

• Visible focus rings: Every interactive element displays a prominent outline when focused via keyboard, styled with :focus-visible.
• Focus trapping: Modal dialogs (such as the search overlay) trap focus within the modal until dismissed.
• Focus restoration: When modals close, focus returns to the element that triggered them.
• Skip navigation: A hidden "Skip to main content" link appears on first tab press, allowing users to bypass repetitive header navigation.
• Consistent navigation: The header, breadcrumb, and footer follow identical patterns across all pages for predictability.

Accessible Forms and Inputs

Calculator inputs on NumbrWiz are designed for maximum accessibility. Every form element follows established patterns that assistive technologies can reliably interpret:

• All <input> and <select> elements have associated <label> tags with matching for and id attributes.
• Error states communicate problems through both color and text — never relying on color alone.
• Required fields are explicitly marked and announced to screen readers.
• Input placeholders are used only for supplementary hints, never as replacements for proper labels.
• Buttons include clear, action-oriented text that describes what will happen when activated.

Motion and Animation Preferences

NumbrWiz respects the prefers-reduced-motion CSS media query. When a user has enabled reduced motion in their operating system or browser settings, all animated transitions, hover effects, and result fade-ins are automatically disabled. The site remains fully functional with instant, non-animated state changes.

Semantic HTML Standards

We use semantic HTML5 elements throughout the NumbrWiz codebase to provide a meaningful document structure that assistive technologies can parse reliably:

• Landmarks: <header>, <main>, <footer>, <nav>, and <section> elements with appropriate aria-labelledby references define clear page regions.
• Headings: A single <h1> per page, followed by a logical <h2> through <h4> hierarchy that never skips levels.
• Lists: Navigation links and grouped content use proper <ul> / <ol> structures rather than styled spans.
• Tables: Where tabular data appears, it uses proper <table> markup with <thead>, <tbody>, and scope attributes.

Assistive Technology Compatibility

NumbrWiz is tested for compatibility with a range of assistive technologies to ensure broad accessibility:

• Screen readers: NVDA (Windows), JAWS (Windows), VoiceOver (macOS and iOS), TalkBack (Android)
• Browser zoom: Tested at 200% and 400% zoom across Chrome, Firefox, Safari, and Edge
• Speech recognition: Compatible with Dragon NaturallySpeaking and built-in OS voice control
• Alternative input devices: Switch devices, head pointers, and eye-tracking systems that emulate keyboard input
• High contrast mode: Our dark mode toggle provides an additional high-contrast viewing option

Ongoing Accessibility Improvements

Accessibility is not a static achievement — it requires continuous attention and iteration. Our ongoing process includes:

• Regular audits: We conduct accessibility reviews of all new calculators before publication and periodically re-audit existing tools.
• User feedback integration: Accessibility-related feedback is prioritized in our development roadmap.
• Team training: All contributors to NumbrWiz receive guidance on accessible coding practices and inclusive design.
• Standards monitoring: We track updates to WCAG guidelines and browser accessibility APIs to stay current.
• Automated testing: Lighthouse accessibility audits and axe-core checks are integrated into our quality assurance workflow.

Known Limitations

While we strive for comprehensive accessibility, we want to be transparent about areas where we are actively working to improve:

Third-Party Content Disclaimer

NumbrWiz may include embedded content or links to third-party websites and services, including advertisements. While we make every effort to ensure our own content is accessible, we cannot guarantee the accessibility of third-party materials. We encourage users to contact us if they encounter accessibility barriers related to external content on our site, and we will investigate and work toward a resolution where possible.

Accessibility Feedback Process

We welcome feedback on the accessibility of NumbrWiz. If you encounter any barriers while using our calculators or have suggestions for improvement, please let us know. We take all accessibility reports seriously and aim to respond within 3 business days.

When submitting feedback, please include:

• The specific calculator page or feature where you experienced difficulty
• The assistive technology or browser you were using (if applicable)
• A brief description of the issue and how it affected your experience
• Any suggestions you may have for resolving the barrier