Puzzles Consulting

# QA Report: https://puzzlesconsulting.com **Client:** Puzzles **Overall Score:** 78/100 **Date:** 2026-03-24 The website currently shows room for improvement regarding search engine visibility and accessibility standards across the board. The most urgent priorities are to resolve the multiple heading errors and missing meta descriptions, which are actively hindering the site’s search engine rankings and user experience. We recommend scheduling a brief call to review these specific findings and authorize our team to begin the high-priority technical optimizations. **Issues:** 2 critical · 13 high · 21 medium · 6 low ## SEO (72/100) - **[HIGH]** Title too short - <title> is 18 chars: "Puzzles Consulting". Google may rewrite it. - Fix: Expand to 50-60 characters. - **[HIGH]** Missing meta description - No <meta name="description"> found. - Fix: Add a meta description of 120-160 chars. - **[HIGH]** Multiple H1 tags (3) - Found 3 H1 tags: "Small pieces build a BIG puzzle."; "Your growth journey starts"; "HERE!". Confuses search engines about the page topic. - Fix: Keep only one H1 — the primary page heading. Remove or demote the others to H2. - **[HIGH]** Heading hierarchy skip - Heading jumps from H2 to H5: "Contact Us" - Fix: Use H3 instead of H5 here. - **[MEDIUM]** Missing og:title - <meta property="og:title"> not found. - Fix: Add og:title for better social sharing previews. - **[MEDIUM]** Missing og:description - <meta property="og:description"> not found. - Fix: Add og:description for better social sharing previews. - **[MEDIUM]** Missing og:image - <meta property="og:image"> not found. - Fix: Add og:image for better social sharing previews. - **[MEDIUM]** Missing twitter:card - No twitter:card meta tag found. - Fix: Add <meta name="twitter:card" content="summary_large_image">. ## Accessibility (68/100) - **[HIGH]** Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds - Elements must meet minimum color contrast ratio thresholds — 6 instance(s) found (e.g. .elementor-element-97b727a > h2 > span:nth-child(1)). - Fix: https://dequeuniversity.com/rules/axe/4.9/color-contrast?application=axeAPI - **[HIGH]** Ensures <iframe> and <frame> elements have an accessible name - Frames must have an accessible name — 1 instance(s) found (e.g. #inline-izg4bM6BuAEMrBBmlNFP). - Fix: https://dequeuniversity.com/rules/axe/4.9/frame-title?application=axeAPI - **[HIGH]** Ensures links have discernible text - Links must have discernible text — 2 instance(s) found (e.g. .elementor-element-782e110 > a). - Fix: https://dequeuniversity.com/rules/axe/4.9/link-name?application=axeAPI - **[HIGH]** 17 interactive elements below 44×44px touch target size - WCAG 2.5.5 recommends at least 44×44px for touch targets. - Fix: Increase padding on small buttons and links. - **[MEDIUM]** Ensures the order of headings is semantically correct - Heading levels should only increase by one — 1 instance(s) found (e.g. .elementor-element-31152975 > h5). - Fix: https://dequeuniversity.com/rules/axe/4.9/heading-order?application=axeAPI - **[MEDIUM]** Ensures the document has a main landmark - Document should have one main landmark — 1 instance(s) found (e.g. html). - Fix: https://dequeuniversity.com/rules/axe/4.9/landmark-one-main?application=axeAPI - **[MEDIUM]** Landmarks should have a unique role or role/label/title (i.e. accessible name) combination - Ensures landmarks are unique — 1 instance(s) found (e.g. .elementor-nav-menu--layout-horizontal). - Fix: https://dequeuniversity.com/rules/axe/4.9/landmark-unique?application=axeAPI - **[MEDIUM]** Ensures all page content is contained by landmarks - All page content should be contained by landmarks — 25 instance(s) found (e.g. .elementor-element-3238ba1). - Fix: https://dequeuniversity.com/rules/axe/4.9/region?application=axeAPI - **[MEDIUM]** No skip navigation link - Keyboard users must tab through the entire navigation on every page without a skip link. - Fix: Add a 'Skip to main content' link as the first focusable element. - **[MEDIUM]** Missing landmark elements: <main>, <header>, <footer> - Screen readers rely on landmark elements to navigate page structure. - Fix: Add semantic HTML5 elements: <main>, <header>, <footer>. ## UI (79/100) - **[HIGH]** [Visual] Layout & Spacing - The section titled 'NOT' between the gummy bear section and the audit section is currently empty and creates a large, confusing white space void that breaks the page flow. - Fix: Remove the unused 'NOT' container in the HTML/CMS editor or populate it with meaningful content if meant to be a transition element. - **[HIGH]** [Visual] Mobile Responsiveness - The 'Alliances & Skills' section grid becomes heavily cluttered on mobile view, as the icons are too small and tightly packed, making it difficult to differentiate partners. - Fix: Change the grid layout to a scrolling carousel or increase the column count to 3-4 items max per row with increased padding (padding-top/bottom 15px) between rows to satisfy touch target sizes. - **[MEDIUM]** No footer element - Page has no <footer> landmark. - Fix: Add a <footer> with contact info, links, and copyright. - **[MEDIUM]** Body text below 16px (14 elements) - Many text elements are smaller than the recommended 16px minimum. - Fix: Set base font-size to 16px for body content. - **[MEDIUM]** [Visual] Visual Hierarchy - The call-to-action buttons (e.g., 'Learn More', 'Talk To Us') lack sufficient visual distinction. On purple backgrounds, they use a light-colored outline that blends too closely with the background, missing the 'pop' required for high conversion. - Fix: Change the button background color to a solid, high-contrast color (e.g., a bright accent, yellow, or white with black text) to make them stand out. Ensure a minimum WCAG AA contrast ratio of 4.5:1. - **[MEDIUM]** [Visual] Typography - The sub-headline text paragraphs (e.g., under 'Creativity that works') are using a light-gray weight on a dark-purple background, reducing legibility for users with visual impairments. - Fix: Increase the font-weight (font-weight: 400 or 500) and adjust the color intensity to ensure they meet accessibility standards against the base background color. - **[MEDIUM]** [Visual] Layout & Spacing - In the FAQ section, the vertical spacing between the accordion items is inconsistent compared to the spacing between the text and the container border. - Fix: Standardize the margin-bottom between accordion items to 20px and adjust the padding inside the FAQ items to 24px consistent across all cards using Flexbox gap properties. - **[LOW]** [Visual] Professionalism - The bear imagery, while thematic, is inconsistent in photographic style (e.g., a studio-lit bear vs. a polar bear in water vs. a gummy bear), which makes the brand look like a collection of stock photos rather than a cohesive design system. - Fix: Apply a consistent color grading filter (e.g., a slight purple tint or desaturation) to all imagery to unify the diverse stock photos into a single brand aesthetic. ## Content (70/100) - **[CRITICAL]** [Content] Calls To Action - Lack of visual hierarchy and excessive, redundant repetition of CTAs (Talk To Us, Learn More) creates decision fatigue and confuses the conversion path. - Fix: Standardize CTA labels throughout the page. Remove the redundant, oddly phrased buttons; keep one primary CTA per section (e.g., 'Get Your Audit') and one secondary CTA (e.g., 'Learn More'). - **[HIGH]** [Content] Professionalism - The tone uses unprofessional, aggressive, and abrasive language ("God damn it", "No BS") that clashes with a professional B2B marketing agency brand. - Fix: Replace the CTA button text 'God damn it, I need a minute' with 'Request a Consultation' or 'Speak with an Expert'. - **[HIGH]** 25 image(s) with generic or missing alt text - Images with uninformative alt text (filenames, 'image', 'photo', or empty): PuzzlesLogo_White.png, Logo_PurpleBackground-1-1.webp, Image20251204102631.png… - Fix: Write a natural-language description for each: what the image shows and why it's there (e.g. 'Relaxation massage room at Ciao Bella spa'). - **[MEDIUM]** 3 link(s) with non-descriptive anchor text - Some links use generic anchor text ('click here', 'read more', etc.). - Fix: Replace with descriptive link text. - **[MEDIUM]** 1 punctuation/typography issues found - Proofreading detected 1 punctuation/typography issues: "St" → "St." - Fix: Review and fix each punctuation/typography issue. See excerpts above for specific corrections. - **[MEDIUM]** [Content] Professionalism - The phrasing 'methodical creativity and stylish weirdness' is vague and potentially confusing for high-intent B2B clients looking for reliable results. - Fix: Replace with 'data-driven creativity and unconventional growth strategies' to maintain the brand voice while sounding more authoritative. - **[MEDIUM]** [Content] Keyword Stuffing - The word 'growth' is used repeatedly in close proximity throughout the copy, appearing forced and unnatural. - Fix: Replace redundant instances of 'growth' with synonyms or benefit-oriented language, such as 'scale', 'revenue expansion', 'customer acquisition', or 'market reach'. - **[LOW]** 3 style suggestions found - Proofreading detected 3 style suggestions: "works" → "works."; "Growth" → "Growth."; "Us" → "Us," - Fix: Review and fix each style suggestion. See excerpts above for specific corrections. - **[LOW]** [Content] Professionalism - Confusing sentence structure in the opening mission statement makes the value proposition difficult to interpret immediately. - Fix: Rewrite to: 'We integrate strategic graphic design, targeted interaction, and conversion-focused marketing to build a cohesive growth engine for your brand.' ## Technical (78/100) - **[CRITICAL]** Missing HSTS header - The HSTS HTTP response header is not set. - Fix: Add to your server/CDN/nginx config: Strict-Transport-Security: max-age=31536000; includeSubDomains - **[HIGH]** Missing X-Content-Type-Options header - The X-Content-Type-Options HTTP response header is not set. - Fix: Add to your server/CDN/nginx config: X-Content-Type-Options: nosniff - **[MEDIUM]** Missing X-Frame-Options header - The X-Frame-Options HTTP response header is not set. - Fix: Add to your server/CDN/nginx config: X-Frame-Options: SAMEORIGIN - **[MEDIUM]** Missing Content-Security-Policy header - The Content-Security-Policy HTTP response header is not set. - Fix: Add to your server/CDN/nginx config: Content-Security-Policy: default-src 'self'; img-src * data:; script-src 'self' (customize per stack) - **[LOW]** Missing Referrer-Policy header - The Referrer-Policy HTTP response header is not set. - Fix: Add to your server/CDN/nginx config: Referrer-Policy: strict-origin-when-cross-origin - **[LOW]** Missing Permissions-Policy header - The Permissions-Policy HTTP response header is not set. - Fix: Add to your server/CDN/nginx config: Permissions-Policy: camera=(), microphone=(), geolocation=() - **[LOW]** 4 cookie(s) missing SameSite attribute - Cookies without SameSite may be sent on cross-site requests: __cf_bm, __cf_bm, __cf_bm - Fix: Set SameSite=Lax or Strict on all cookies.