Skip to main content
Editorial Trust & Inclusive Use

Accessibility Statement

HonestyReviewed aims to make its editorial content and core site features usable across devices, input methods, and assistive technologies.

Last Updated: August 31, 2026
Scope: HonestyReviewed.com Site-wide
Quick Reference

The Short Version — At a Glance

We believe accessibility statements should describe real technical practices rather than abstract compliance claims. Here is an overview of how HonestyReviewed is built and tested:

Semantic Landmarks

Pages use standard HTML5 landmarks (<header>, <nav>, <main>, <aside>, <footer>) and a strict single-H1 heading hierarchy to facilitate navigation.

Keyboard Operable

Interactive menus, forms, buttons, and search drawers operate via Tab/Shift+Tab and Enter/Space with high-contrast visible focus rings and no traps.

Adequate Contrast

Core copy, links, and buttons maintain contrast ratios meeting or exceeding 4.5:1 in both light and dark modes, with restrained animation.

Transparent Reporting

If you encounter an accessibility barrier or interaction difficulty, report it directly through our contact desk for editorial and technical review.

1. Our Approach to Accessibility

HonestyReviewed is built on the principle that consumer reviews and purchasing research should be clear, transparent, and accessible to everyone. We design and maintain our digital publication to be usable across diverse devices, screen sizes, input methods, and assistive technologies.

Rather than relying on automated third-party overlay widgets or superficial marketing badges, we treat accessibility as an integral engineering discipline. Our approach focuses on semantic HTML markup, logical document structure, robust keyboard navigation, visible focus indicators, readable typography, and high-contrast visual theming.

This statement documents the actual technical features and design standards currently implemented across the site, clarifies known limitations where third-party integrations exist, and provides a direct channel for reporting any accessibility barriers you encounter.

2. Current Accessibility Implementation Overview

The following matrix summarizes the accessibility features built into our custom WordPress child theme and verified during technical testing:

Semantic HTML & Landmarks

Verified

Core templates utilize semantic HTML5 landmark elements for consistent structural navigation.

Implementation: Templates employ <header role="banner">, <nav>, <main id="primary">, <article>, <aside>, <section>, and <footer role="contentinfo"> to establish structural landmarks without superfluous nesting.

Heading Hierarchy

Verified

Strict single H1 per page with logical descending H2 and H3 subheadings for document navigation.

Implementation: All editorial articles, reviews, comparisons, buying guides, and policy pages maintain exactly one H1 masthead title, followed by structured H2 sections and H3 analytical subsections.

Skip Navigation Link

Verified

Global skip link allows keyboard and screen-reader users to bypass top header bars directly to main content.

Implementation: Rendered as the first body element (<a class="hr-skip-link" href="#primary">Skip to main content</a>) with high-contrast visible focus styling on tab focus.

Keyboard Navigation & Traps

Verified

All interactive elements, menus, search drawers, accordions, and buttons are keyboard accessible without focus traps.

Implementation: Tab and Shift+Tab key traversal follows logical DOM order. Escape key dismisses open mobile drawers, search overlays, and modal dialogues with focus returned to trigger buttons.

Focus Indicators (:focus-visible)

Verified

Distinct, high-contrast visual focus rings appear on all interactive controls during keyboard navigation.

Implementation: Interactive elements feature a 2px solid accent ring with a 2px offset (outline: 2px solid var(--color-secondary); outline-offset: 2px) targeting :focus-visible.

Color & Text Contrast

Verified

Core body copy, headings, and interactive elements are designed for readability with contrast ratios exceeding WCAG AA minimums.

Implementation: Primary body text (#0F172A / #1E293B on #FFFFFF) delivers 12.6+:1 to 15.9:1 contrast; secondary text (#475569) delivers 7.3:1; muted metadata (#64748B) delivers 4.64:1; primary dark mode text (#F9FAFB on #090D16) delivers 16.5:1.

Accessible Forms & Validation

Verified

Contact, error reporting, and newsletter forms include explicit labels, required indicators, and text-based error messages.

Implementation: Form controls have programmatic <label for="..."> associations, minimum 44px touch targets, visible focus highlights, and status messages that do not rely solely on color cues.

Touch Targets (>= 44px)

Verified

Key buttons, hamburger toggles, search triggers, and navigation pills meet minimum 44px bounding dimensions.

Implementation: Buttons and icon controls enforce min-height: 44px and min-width: 44px with comfortable padding to prevent accidental mis-taps on mobile viewports.

Responsive Layout & Zoom

Verified

Templates adapt fluidly from 320px mobile screens up to wide desktop monitors without horizontal page overflow.

Implementation: Fluid CSS grid and flexbox containers reflow editorial columns into single-column mobile views. Text scales cleanly up to 200% browser zoom without breaking readability.

Dark Mode Contrast & Theming

Verified

Toggleable dark theme preserves comfortable contrast, legible typography, and distinct focus rings.

Implementation: Dark theme (data-theme="dark") adjusts surface (#111827), canvas (#090D16), and text (#F9FAFB, #D1D5DB) tokens to avoid glare while keeping contrast well above 7:1.

Reduced Motion Support

Verified

Respects user preferences for reduced motion with restrained animations and instantaneous state transitions.

Implementation: CSS media query @media (prefers-reduced-motion: reduce) suppresses transitions and animations, setting transition durations to near-zero and scroll behavior to auto.

Screen Reader & ARIA Considerations

Partially Verified

Semantic HTML is prioritized, with ARIA attributes applied where native elements require state communication.

Implementation: Employs aria-expanded, aria-controls, aria-current="page", and aria-hidden="true" on decorative SVG icons. Screen reader testing is conducted during development using standard modern browser tools (NVDA, VoiceOver).

3. Semantic Structure & HTML5 Landmarks

Native HTML elements provide essential structural cues to web browsers and screen readers. We structure our templates using standard HTML5 landmark elements:

  • <header role="banner">: Encapsulates the site announcement bar, brand logo, primary desktop navigation, and search triggers.
  • <nav>: Distinguishes primary topic navigation, format menus, breadcrumb trails, trust policy pills, and footer link groups with explicit aria-label attributes.
  • <main id="primary">: Encloses the primary editorial content of each page, providing a single target for skip navigation.
  • <article>: Wraps self-contained editorial articles, hands-on reviews, product comparisons, buying guides, and policy documents.
  • <aside>: Houses contextual sidebar rails, table of contents navigation, and author credibility badges.
  • <footer role="contentinfo">: Contains topic links, format directories, institutional trust links, and legal notices.

4. Heading Hierarchy & Content Organization

Headings serve as an organizational skeleton allowing users to scan topics and navigate via assistive shortcuts:

  • Single Canonical H1: Every singular review, guide, comparison, category hub, author profile, and policy page features exactly one primary H1 heading identifying the subject of the page.
  • Logical H2 & H3 Hierarchy: Major content sections (such as testing methodology, criteria evaluations, specifications, and FAQs) use H2 headings, with subordinate sub-points using H3 headings. Heading levels are never skipped for decorative styling.
  • Meaningful Section Names: Headings clearly describe the section content rather than relying on vague or purely aesthetic labels.

6. Keyboard Navigation & Interaction

All core interactive features on HonestyReviewed are operable without a pointing device:

  • Standard Tab Sequence: Navigating with Tab and Shift+Tab follows the visual and logical reading order of the document.
  • Dropdowns & Mega Menus: Header menus and format dropdowns can be activated with Enter or Space, and closed with Escape.
  • Mobile Navigation Drawer: When the mobile menu drawer is open, keyboard focus is trapped within the drawer until dismissed via the close button, backdrop tap, or Escape key.
  • Search Overlay & Filters: Search inputs, submit buttons, and category filter pills are fully reachable and selectable using standard keyboard commands.
  • Zero Keyboard Traps: No element traps keyboard focus unexpectedly; users can smoothly tab into and out of all native widgets.

7. Focus Visibility & Indicators (:focus-visible)

Interactive controls display an unmistakable visual outline when focused via keyboard traversal. We enforce :focus-visible styling across all buttons, text fields, checkboxes, and links:

  • High-Contrast Ring: Focus is indicated with a 2px solid accent ring (outline: 2px solid var(--color-secondary)) and a 2px offset (outline-offset: 2px) to prevent clipping.
  • Non-Color Dependent: Focus does not rely solely on subtle color changes or font-weight shifts; the geometric outline ensures unambiguous positioning.
  • Mouse Interaction Separation: Using modern :focus-visible ensures keyboard users receive distinct focus indicators while mouse clicks do not leave unwanted persistent outlines.

8. Color Contrast Standards & Measurements

Color choices are calibrated to provide comfortable contrast against light and dark background surfaces:

Element / RoleColor Values (Hex)Background SurfaceContrast RatioStandard
Primary Body Copy#0F172A / #1E293B#FFFFFF12.6:1 – 15.9:1Exceeds AAA (7:1)
Secondary Text / Decks#475569#FFFFFF7.3:1Exceeds AAA (7:1)
Muted Text / Timestamps#64748B#FFFFFF4.64:1Passes AA (4.5:1)
Accessible Text Links#0369A1#FFFFFF4.65:1Passes AA (4.5:1)
Primary Button Text#FFFFFF#0F172A15.9:1Exceeds AAA (7:1)
Dark Mode Primary Body#F9FAFB#090D1616.5:1Exceeds AAA (7:1)

In-content links within prose articles also receive underline cues (text-decoration: underline) so that hyperlinks are identifiable without depending solely on color perception.

9. Typography & Reading Experience

HonestyReviewed uses a three-family typography stack chosen for clarity and legibility across high-density consumer research:

  • Newsreader (Editorial Serif): Used for major editorial headlines and article titles to establish clear editorial hierarchy.
  • Plus Jakarta Sans (Sans-Serif UI & Body): Used for body copy, navigational menus, and user interface controls, providing clean letterforms and open counters at all resolutions.
  • JetBrains Mono (Monospaced Technical): Used for numerical test scores, benchmark figures, specification data, and metadata badges.

Editorial prose lines are constrained to optimal line lengths (approximately 65–75 characters per line) with generous line heights (1.5–1.6) to avoid visual fatigue during extended reading.

10. Accessible Forms & Validation Feedback

Our contact form, error reporting desk, and newsletter subscription forms adhere to accessible input standards:

  • Explicit Label Associations: Every input, select box, and textarea is tied to an explicit <label for="..."> element, ensuring screen readers announce the field name accurately upon focus.
  • Required Field Indicators: Mandatory fields are marked with visual asterisks and programmatic HTML5 required attributes.
  • Clear Error Messages: Validation errors are communicated in plain text explaining what needs correction (e.g. "Please enter a valid email address") rather than displaying ambiguous color rings alone.
  • Status Feedback: Submission feedback messages utilize live region attributes (aria-live="polite") to inform assistive software when a message is successfully transmitted.

12. Images & Media Alternative Text

Visual assets are labelled according to their editorial role:

  • Informative Product Images: Product thumbnails and review imagery contain descriptive alternative text (alt attributes) identifying the tested item, brand, or specific test measurement.
  • Decorative Icons: SVG icons that accompany visible text labels include aria-hidden="true" to prevent redundant verbal announcements.
  • Author & Reviewer Avatars: Headshots include descriptive alt text with the author or reviewer’s full name.

13. Tables & Complex Comparison Data

Product comparison matrices and specification summaries use standard semantic table markup (<code><table></code>, <code><thead></code>, <code><th></code> with <code>scope="col"</code>, <code><tbody></code>, and <code><td></code>).

On mobile screens, comparison tables are contained within dedicated horizontal scroll containers (<code>overflow-x: auto</code>) so that table relationships remain intact without causing horizontal page overflow or clipping body copy.

14. Responsive Layout & Mobile Viewports

HonestyReviewed is engineered for responsive performance across all viewports:

  • Viewport Flexibility: Layouts reflow fluidly from 320px smartphones to 1440px+ wide desktop monitors without horizontal scrollbars on the main document.
  • Touch Targets (>= 44px): Mobile buttons, hamburger navigation toggles, category pills, and theme switches maintain a minimum bounding box of 44×44px or sufficient padding to prevent accidental mis-taps.
  • Browser Zoom: Text and UI components scale cleanly up to 200% zoom in modern browsers without overlapping text or loss of functional capability.

15. Dark Mode Support & Contrast

Our theme includes a user-toggleable dark mode (data-theme="dark") designed to reduce eye strain in low-light environments:

  • Balanced Dark Surfaces: Background tokens use deep slate and navy tones (#090D16, #111827) rather than pure black (#000000) to eliminate high-contrast glare and halation.
  • Preserved Text Contrast: Dark mode body text (#F9FAFB, #D1D5DB) maintains contrast ratios between 11.8:1 and 16.5:1 against dark surface cards.
  • Focus Ring Visibility: Focus indicator colors remain brightly defined against dark container backgrounds.

16. Motion & Animation Restraint

We maintain an intentionally restrained design with minimal decorative motion. No content flashes, blinks, or autoplays.

For users who have enabled reduced motion in their operating system settings, our CSS incorporates @media (prefers-reduced-motion: reduce) rules that disable smooth scrolling and reduce transition durations to 0.01ms, ensuring instantaneous screen changes.

17. Screen Readers & Assistive Technologies

We do not claim universal compatibility with every assistive software and hardware setup in existence. Instead, we adhere to semantic markup standards and test our core editorial layouts against modern screen reader tools (including NVDA on Chromium/Firefox and VoiceOver on Safari).

ARIA attributes (such as aria-expanded, aria-controls, aria-current="page", and aria-label) are applied strictly where native HTML lacks a built-in state mechanism, avoiding over-engineered ARIA that could confuse screen reader output.

18. Third-Party Content & Display Advertising

While HonestyReviewed maintains strict quality controls over its own theme templates, our website contains third-party elements outside our direct engineering control:

  • External Merchant Storefronts: When you click an outbound link to check pricing or purchase a product at Amazon, Best Buy, or another retailer, the accessibility of that third-party storefront is governed entirely by the merchant.
  • Display Advertising Slots: Display ads served through programmatic advertising networks are loaded inside isolated containers. We enforce reserved container sizing to prevent layout shift, but individual creative assets are generated by external advertisers.
  • Analytics & External Embeds: Third-party measurement scripts do not alter editorial layout, but their underlying network code is managed by external vendors.

19. Known Limitations & Ongoing Work

We believe in transparently documenting known limitations so visitors know what to expect and where improvements are ongoing:

  • Complex Multi-Product Comparison Tables on Mobile: Comparing 5+ products across dozens of technical specifications requires horizontal scrolling on narrow screens. While isolated in scroll containers, users on small viewports may prefer our narrative comparison breakdowns.
  • Legacy Content Updates: We continuously audit archived editorial articles to ensure all images have descriptive alt text and all older table markups meet current standards.
  • Third-Party Ad Contrast: Certain advertiser creatives may contain low-contrast imagery within their isolated ad iframe units.

20. Report an Accessibility Barrier or Interaction Issue

We welcome feedback from our readers and strive to remediate accessibility barriers promptly. If you encounter difficulty accessing any content, navigating via keyboard, using assistive tools, or viewing text on HonestyReviewed, please contact us:

How to Submit an Accessibility Report

To help our editorial and development team investigate and resolve the issue quickly, please include as much of the following information as possible:

  • Page URL: The specific web address where the barrier occurred.
  • Description of Barrier: What went wrong or what information was difficult to access.
  • Device & Browser: e.g. Chrome on Windows 11, Safari on iOS 17, Firefox on macOS.
  • Assistive Technology (Optional): e.g. NVDA, JAWS, VoiceOver, screen magnifier, switch device.

Reports received through our contact desk are logged and reviewed alongside scheduled technical maintenance.

21. Ongoing Technical Review & Maintenance

Web standards and browser capabilities evolve constantly. We review our theme templates, interactive tools, and editorial formatting as part of ongoing site maintenance.

When new components or templates are introduced, they undergo automated linting, manual keyboard walkthroughs, contrast sampling, and mobile viewport checks prior to publication.