Nightingale Protection
    Internal

    Website Audit Report

    Comprehensive audit covering mobile responsiveness, accessibility, SEO, brand consistency, compliance, and performance. Generated January 2026.

    5

    critical

    8

    high

    7

    medium

    4

    low

    critical Issues (5)

    Invisible H1 on About page - bg-navy-deep undefined

    C1

    Location: About.tsx

    Fix: Replaced bg-navy-deep with bg-charcoal

    Invisible hero on Blog page - bg-navy-deep undefined

    C2

    Location: Blog.tsx

    Fix: Replaced bg-navy-deep with bg-charcoal throughout

    Placeholder text [Network Placeholder] in FCA disclosure

    C3

    Location: Footer.tsx

    Fix: Replaced with 'the relevant network' + TODO comment

    Placeholder address [Address to be added]

    C4

    Location: Complaints.tsx

    Fix: Replaced with 'address details available on request' + TODO

    Forms lack backend integration

    C5

    Location: ContactSection.tsx, AskQuestionForm.tsx

    Fix: Added TODO comments noting backend integration needed

    high Issues (8)

    Inconsistent heading weights (font-bold vs font-normal)

    H1

    Location: About.tsx, Blog.tsx

    Fix: Standardized to font-normal across all pages

    Missing meta tags on sub-pages

    H2

    Location: About, Blog, Complaints, etc.

    Fix: Added useEffect with document.title and meta description injection

    Footer uses old logo.png instead of nightingale-logo-full.svg

    H3

    Location: Footer.tsx

    Fix: Updated import to use nightingale-logo-full.svg

    Contact form phone field not marked optional

    H4

    Location: ContactSection.tsx

    Fix: Added (optional) label to phone field

    Missing aria-label on hero section

    H5

    Location: HeroSection.tsx

    Fix: Added aria-label describing the hero content

    Blog articles not clickable/no indication of status

    H6

    Location: Blog.tsx

    Fix: Added 'Coming soon' indicators and cursor-pointer styling

    WhatsApp green (#25D366) breaks 3-color palette

    H7

    Location: Footer.tsx, FAQ.tsx, Services.tsx, ContactSection.tsx

    Fix: Replaced with charcoal/gold brand colors

    Missing visible focus states

    H8

    Location: Multiple files

    Fix: Added focus-visible:ring-2 and focus-visible:text-gold styles

    medium Issues (7)

    NotFound page lacks branding (no header/footer)

    M1

    Location: NotFound.tsx

    Fix: Added Header, Footer, and branded styling

    Privacy policy link not clickable in contact form

    M2

    Location: ContactSection.tsx

    Fix: Made 'privacy policy' a Link to /privacy

    Missing canonical tags on sub-pages

    M3

    Location: Sub-pages

    Fix: Added canonical link injection in useEffect

    Inconsistent CTA capitalization

    M4

    Location: Multiple pages

    Fix: Standardized to sentence case: 'Book a consultation'

    Blog gradient uses undefined navy-deep/navy-light

    M5

    Location: Blog.tsx

    Fix: Replaced with charcoal gradient

    Inconsistent border-radius (rounded-lg, rounded-xl, rounded-2xl)

    M6

    Location: Multiple

    Fix: Standardized to rounded-sm for cards

    Missing width/height on footer logo

    M7

    Location: Footer.tsx

    Fix: Added width and height attributes

    low Issues (4)

    Decorative icons missing aria-hidden

    L1

    Location: Multiple files

    Fix: Added aria-hidden='true' to decorative icons

    Missing aria-labels on icon-only elements

    L2

    Location: Footer.tsx, ContactSection.tsx

    Fix: Added aria-label to WhatsApp links

    Form fields missing htmlFor/id connection

    L3

    Location: ContactSection.tsx

    Fix: Added matching id and htmlFor attributes

    Nav sections missing aria-label

    L4

    Location: Footer.tsx

    Fix: Added aria-label to nav elements

    Summary

    • ✓ All undefined color references (navy-deep, navy-light) replaced with charcoal palette
    • ✓ Placeholder compliance text marked with TODO comments
    • ✓ Meta tags and canonical URLs added to all sub-pages
    • ✓ WhatsApp green removed - replaced with brand charcoal/gold
    • ✓ Focus states improved for keyboard navigation
    • ✓ ARIA labels and semantic HTML improved throughout
    • ✓ CTA capitalization standardized to sentence case
    • ✓ Footer logo updated to use correct SVG
    • ✓ NotFound page now includes full branding
    • ✓ Privacy policy link made clickable in contact form