Public accessibility assessment

Accessibility issues detected on calebmccarthyfilm.com

Evolize inspected 5 publicly accessible pages on calebmccarthyfilm.com and detected 19 automatically identifiable accessibility findings. 6 findings were classified as critical or high priority. The findings map to 6 WCAG success criterions. The sections below show affected pages, technical evidence and recommended remediation. The most frequent issues involve embedded frames lack descriptive titles, page has no main landmark, text has insufficient colour contrast.

19findings detected

6critical + high

5pages inspected

14 Aug 2026assessed

Independent public assessment. calebmccarthyfilm.com is not necessarily affiliated with or a customer of Evolize.

MONITOR THIS WEBSITE RUN A FREE ASSESSMENT

01 · Accessibility summary

02 · Priority findings

Critical Embedded frames lack descriptive titlesWCAG 4.1.2 (A) · 2 pages · 4 instances
High Page has no main landmarkWCAG 1.3.1 (A) · 5 pages · 10 instances
High Text has insufficient colour contrastWCAG 1.4.3 (AA) · 5 pages · 10 instances
High Interactive controls are not keyboard-accessibleWCAG 2.1.1 (A) · 1 page · 2 instances
High Interactive controls are not keyboard-accessibleWCAG 2.1.1 (A) · 1 page · 8 instances

03 · WCAG criteria affected

Criterion	Name	Level	Findings	Pages
1.4.3	Contrast (Minimum)	AA	9	5
2.1.1	Keyboard	A	3	1
1.3.1	Info and Relationships	A	2	5
2.4.3	Focus Order	A	2	1
2.5.8	Target Size (Minimum)	AA	2	3
4.1.2	Name, Role, Value	A	1	2

Absence of a criterion here does not indicate conformance with it — only that no automatically detectable issue was found for it.

04 · All detected findings

Critical

Embedded frames lack descriptive titles

WCAG 4.1.2 (A)4 instances2 affected pages

ComponentRef 2FFNRC

An <iframe> has no title, so its purpose is not announced to assistive technology.

Affected pagehttps://calebmccarthyfilm.com/

Elementiframe

Markup

<iframe src="https://player.vimeo.com/video/1189142754?h=448863c1db&amp;color=ffffff" allow="fullscreen;picture-in-picture" allowfullscreen=""></iframe>

How to fixAdd a title attribute to the iframe element, describing the content or purpose of the frame, e.g., <iframe title='Vimeo video player'>.

Affected pages/ /index.html

High

Page has no main landmark

WCAG 1.3.1 (A)10 instances5 affected pages

ComponentRef HX9RQN

No <main> or role=main region is present, so screen reader users cannot jump to primary content.

Affected pagehttps://calebmccarthyfilm.com/

Elementhtml > body

Accessible nameCaleb McCarthy Portfolio News About & Contact scroll Reel — 2025 See More Learn More Read More Caleb McCarthy — Filmmaker window.addEventListener('scroll', function(){ const scrolled = window.scrollY; const maxScroll = window.innerHeight; const blurAmount = Math.min((scrolled / maxScroll) * 12, 12); document.querySelector('.home-bg').style.filter = `grayscale(100%) blur(${blurAmount}px)`; const fadeAmount = Math.max(1 - (scrolled / (maxScroll * 0.3)), 0); document.querySelector('.scroll-hint').style.opacity = fadeAmount; });

Markup

<body>

<div class="home-bg"></div>

<!-- HERO -->
<div class="hero">
  <div class="hero-content">
    <h1 class="home-name">Caleb McCarthy</h1>
    <nav class="home-nav">
      <a href="portfolio.html">Portfolio</a>
      <a href="news.html">News</a>
      <a href="about.html">About &amp; Contact</a>
    </nav>
  </div>
  <div class="scroll-hint">scroll</div>
</div>

<!-- REEL + PANELS -->
<div class="reel-section">

  <!-- REEL -->
  <div class="reel-wrap">
   <div class="reel-video">
      <iframe src="https://player.vimeo.com/video/1189142754?h=448863c1db&amp;color=ffffff" allow="fullscree…

How to fixAdd a <main> element or an element with a role of 'main' to the page to wrap the primary content, allowing screen reader users to navigate to it more easily.

Affected pages/ /about.html /index.html /news.html /portfolio.html

High

Text has insufficient colour contrast

WCAG 1.4.3 (AA)66 instances5 affected pages

ComponentRef 28C87Z

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://calebmccarthyfilm.com/

Element.footer

Accessible nameCaleb McCarthy — Filmmaker

Markup

<div class="footer">Caleb McCarthy — Filmmaker</div>

How to fixIncrease the contrast between the text color and background color by using a color with sufficient lightness difference. A contrast ratio of at least 4.5:1 for normal text is recommended.

Affected pages/ /about.html /index.html /news.html /portfolio.html

ComponentRef 28VO16

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://calebmccarthyfilm.com/portfolio.html

Elementdiv[onclick="openModal('remnant')"] > .other-credit

Accessible nameDir. Sara Ortega

Markup

<div class="other-credit">Dir. Sara Ortega</div>

How to fixIncrease the contrast between the text color and its background by using a darker or lighter color for either the text or the background, ensuring the contrast ratio meets the WCAG 2.1 guidelines for minimum contrast.

ComponentRef 3GY2B8

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://calebmccarthyfilm.com/about.html

Element.contact-label

Accessible nameContact

Markup

<div class="contact-label">Contact</div>

How to fixIncrease the contrast between the text color and background color by using a color with a higher contrast ratio, such as a darker or lighter shade, to make the text more readable.

ComponentRef TFN5BL

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://calebmccarthyfilm.com/news.html

Element.news-item:nth-child(2) > div > .news-date

Accessible nameJune 2026

Markup

<div class="news-date">June 2026</div>

How to fixIncrease the contrast between the text color and background color by using a color combination that meets the WCAG 2.1 guidelines for minimum contrast ratio.

ComponentRef HDKVHM

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://calebmccarthyfilm.com/portfolio.html

Element.other-card-plain > .other-credit

Accessible nameDir. Jaimie Lerma · Documentary

Markup

<div class="other-credit">Dir. Jaimie Lerma &nbsp;·&nbsp; Documentary</div>

How to fixIncrease the contrast between the text color and background color by using a color with a higher contrast ratio, such as using a darker or lighter background color, or changing the text color to a color with higher contrast.

ComponentRef 2AE6XO

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://calebmccarthyfilm.com/portfolio.html

Element.sec-label:nth-child(2)

Accessible nameDirecting

Markup

<div class="sec-label">Directing</div>

How to fixIncrease the contrast between the text color and background color of the 'Directing' label by using a darker or lighter color for the text or background, respectively.

ComponentRef VDBBMD

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://calebmccarthyfilm.com/

Elementh1

Accessible nameCaleb McCarthy

Markup

<h1 class="home-name">Caleb McCarthy</h1>

How to fixIncrease the contrast between the text color and background color by using a darker or lighter shade, or add a background image or texture that provides sufficient contrast.

Affected pages/ /index.html

ComponentRef 8VURZ3

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://calebmccarthyfilm.com/

Elementnav > a[href$="portfolio.html"]

Accessible namePortfolio

Markup

<a href="portfolio.html">Portfolio</a>

How to fixIncrease the contrast between the text color and background color of the navigation link to meet the minimum contrast ratio thresholds.

Affected pages/ /index.html

ComponentRef IV0F1M

Text and background colours do not meet the minimum contrast ratio, reducing legibility.

Affected pagehttps://calebmccarthyfilm.com/

Element.scroll-hint

Accessible namescroll

Markup

<div class="scroll-hint">scroll</div>

How to fixIncrease the contrast between the text color and background color of the 'scroll' element by using a darker or lighter color for the text or background, ensuring a minimum contrast ratio of 4.5:1 for normal text.

Affected pages/ /index.html

High

Interactive controls are not keyboard-accessible

WCAG 2.1.1 (A)22 instances1 affected page

ComponentRef O67PFJ

A control that responds to clicks (a clickable element or an ARIA widget) cannot receive keyboard focus, so keyboard and switch users cannot operate it.

Affected pagehttps://calebmccarthyfilm.com/portfolio.html

Elementdiv#modal

Accessible name✕ close Role Stills & BTS

Markup

<div class="modal" id="modal" onclick="closeOut(event)">
  <div class="modal-inner">
    <button class="modal-close" onclick="closeModal()">✕ close</button>
    <div class="modal-top">
      <div id="modal-poster-wrap"></div>
      <div class="modal-info">
        <div class="modal-title" id="modal-title"></div>
        <div class="modal-meta" id="modal-director-wrap"></div>
        <div class="modal-meta">Role <span id="modal-role"></span></div>
        <div class="modal-synopsis" id="modal-synopsis"></div>
      </div>
    </div>
    <div id="modal-stills-section" style="display:none">
     …

How to fixAdd a tabindex to the element or use a native HTML button element to ensure it can receive keyboard focus. Additionally, consider adding ARIA attributes to enhance accessibility for screen readers and other assistive technologies.

ComponentRef QC2TQ7

A control that responds to clicks (a clickable element or an ARIA widget) cannot receive keyboard focus, so keyboard and switch users cannot operate it.

Affected pagehttps://calebmccarthyfilm.com/portfolio.html

Elementhtml > body > div:nth-of-type(1) > div:nth-of-type(3) > div:nth-of-type(1)

Accessible nameWe all have a vice Huff

Markup

<div class="film-card" onclick="window.location='huff.html'">
      <div class="film-thumb">
        <img src="images/films/HUFF_2.jpg" alt="Huff">
      </div>
      <div class="film-logline">We all have a vice</div>
      <div class="film-title">Huff</div>
    </div>

How to fixAdd a tabindex attribute to the element or replace the div with a focusable HTML element such as a button or anchor tag to make it reachable by keyboard.

ComponentRef G95IBF

A control that responds to clicks (a clickable element or an ARIA widget) cannot receive keyboard focus, so keyboard and switch users cannot operate it.

Affected pagehttps://calebmccarthyfilm.com/portfolio.html

Elementhtml > body > div:nth-of-type(1) > div:nth-of-type(5) > div:nth-of-type(1)

Accessible nameRemnant Dir. Sara Ortega Director of Photography

Markup

<div class="other-card" onclick="openModal('remnant')">
      <div class="other-thumb"><img src="images/posters/Remnantposter.webp" alt="Remnant"></div>
      <div class="other-title">Remnant</div>
      <div class="other-credit">Dir. Sara Ortega</div>
      <div class="other-role">Director of Photography</div>
    </div>

How to fixAdd a tabindex or use a focusable HTML element (like a button) to make the control reachable by keyboard. Ensure it can receive focus and be activated using the space or enter keys.

Medium

Page has no level-one heading

WCAG 1.3.1 (A)6 instances3 affected pages

ComponentRef RPELEW

The page exposes no <h1>, so its topic is not conveyed in the heading structure.

Affected pagehttps://calebmccarthyfilm.com/news.html

Elementhtml > body

Accessible nameNews ← Home June 2026 Lovelight Featured on Horror Hound TV August 2026 The Assassination of The Man With No Name Wins Category Award March 2026 Caleb McCarthy Programs for the Lost Coast Film Festival January 2026 Caleb McCarthy Nominated for Best Actor — Sactown Film Festival November 2025 Reviews of Cal Poly Humboldt's Antigone — Stage Managed by Caleb McCarthy August 2025 Huff Screened at Mesa International Film Festival July 2025 Huff Selected for Indie Shorts Fest and Nominated for Best Student Male Director April 2025 Caleb McCarthy Assistant Director and Stage Manager for Cal Poly Humboldt's Aesop's Greatest Hits Caleb McCarthy — Filmmaker

Markup

<body>
<div class="inner">
  <div class="page-header">
    <h2 class="page-title">News</h2>
    <a href="index.html" class="back-link">← Home</a>
  </div>
   
  <div class="news-item">
    <a href="  https://horrorhound.com/tv/lovelight" target="_blank" class="news-img-link">
      <img src="News Updates/Images/hh-tv-bg.jpg" alt="Lovelight Featured on Horror Hound TV">
    </a>
    <div>
      <div class="news-date">June 2026</div>
      <div class="news-title"><a href="https://horrorhound.com/tv/lovelight" target="_blank">Lovelight Featured on Horror Hound TV</a></div>
    </div>
  </div>


 …

How to fixAdd a level-one heading (h1) element to the page that accurately describes its content, such as <h1>News</h1>.

Affected pages/about.html /news.html /portfolio.html

Medium

Hidden elements can still receive keyboard focus

WCAG 2.4.3 (A)8 instances1 affected page

ComponentRef 8WY8MQ

An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

Affected pagehttps://calebmccarthyfilm.com/portfolio.html

Elementdiv#modal > div > button

Accessible name✕ close

Markup

<button class="modal-close" onclick="closeModal()">✕ close</button>

How to fixTo fix this issue, ensure that the button element is removed from the tab order when it is not visible, or make it visible when it can receive focus. This can be achieved by setting the 'tabindex' attribute to '-1' or by using JavaScript to dynamically update the 'display' or 'visibility' CSS properties to match the element's focusability.

ComponentRef 9OZVPV

An element is not visible but remains in the tab order, so a sighted keyboard user loses track of focus when it lands there.

Affected pagehttps://calebmccarthyfilm.com/portfolio.html

Elementdiv#lightbox > button:nth-of-type(1)

Accessible name✕ close

Markup

<button class="lightbox-close" onclick="closeLightbox()">✕ close</button>

How to fixEnsure that all interactive elements, such as buttons, are visible when they can receive keyboard focus. Consider using the 'display: none' or 'visibility: hidden' CSS properties to remove the element from the tab order when it is not visible.

Low

Touch targets are too small on mobile

WCAG 2.5.8 (AA)7 instances3 affected pages

ComponentRef RXFFT8

Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.

Affected pagehttps://calebmccarthyfilm.com/

Elementhtml > body > div:nth-of-type(2) > div:nth-of-type(1) > nav > a:nth-of-type(1)

Accessible namePortfolio

Markup

<a href="portfolio.html">Portfolio</a>

How to fixIncrease the size of the touch target for the 'Portfolio' link and other similar interactive controls to at least 24x24px to improve usability on mobile devices.

Affected pages/ /index.html

ComponentRef RXFVA6

Interactive controls are smaller than the 24×24px minimum target size, making them hard to activate reliably by touch.

Affected pagehttps://calebmccarthyfilm.com/about.html

Elementhtml > body > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(2) > a

Accessible nameInstagram: @caleb.gr8

Markup

<a href="https://www.instagram.com/caleb.gr8/" target="_blank" class="contact-insta">Instagram: @caleb.gr8</a>

How to fixIncrease the size of the touch target to at least 24x24px or ensure that the interactive element can be easily activated by users with different abilities and devices.

05 · Pages inspected

/12 findings Critical
/index.html12 findings Critical
/portfolio.html13 findings High
/about.html7 findings High
/news.html6 findings High

06 · About this assessment

Evolize inspects publicly accessible website pages using automated browser-based testing and deterministic accessibility rules. Automated testing can identify many reproducible technical issues but cannot determine complete WCAG or legal compliance.

Publicly accessible surfaces only — no credentials, private systems, or source-code access.
Findings apply to the pages and states successfully inspected; automated analysis may not detect every issue.
Results reflect the site at the scan date and may have changed since.

Evolize provides digital risk intelligence and does not provide legal advice, certify compliance, or guarantee that litigation will not occur. Methodology · Security · Example assessment

07 · Continuous monitoring

This public report captures one assessment. Evolize monitoring rescans the website, detects new and recurring findings, tracks changes over time and verifies corrections.

MONITOR THIS WEBSITE SEE PRICING

Is information in this report inaccurate or outdated? Request a correction or removal.

Accessibility issues detected on calebmccarthyfilm.com

01 · Accessibility summary

02 · Priority findings

03 · WCAG criteria affected

A scan shows today's exposure. Monitoring shows what changes next.

04 · All detected findings

Embedded frames lack descriptive titles

Page has no main landmark

Text has insufficient colour contrast

Interactive controls are not keyboard-accessible

Page has no level-one heading

Hidden elements can still receive keyboard focus

Touch targets are too small on mobile

05 · Pages inspected

06 · About this assessment

07 · Continuous monitoring

Other public accessibility assessments