ZKTProductions Scoring inquiry

Document 06 · Access

Accessibility statement: horror composer portfolio

A dark, grain covered portfolio is a hostile environment for accessibility by default, so this page states what is actually implemented, with measurements, and what is still open. An aesthetic is not an excuse, and a statement that only lists successes is not worth publishing.

1Status and scope

The target is WCAG 2.2 Level AA. The site is partially conformant: the document pages (FAQ, terms, privacy, licensing, purchases, accessibility) are built to that target and are the most heavily used pages by anyone who needs them, while the portfolio and catalogue carry atmosphere effects that create the exceptions listed in section 4.

"Partially conformant" means some content does not fully conform. It is not a euphemism for unfinished; the specific exceptions are named below so you know which pages to treat with care.

This statement covers horror.zazieproductions.com as published on the date above. Third party destinations reached by link, and embedded video players, are covered by their own statements.

2What is implemented

Content without scripting

Every clause, every question and every answer is in the HTML. With JavaScript disabled, all FAQ answers are open, the section index is a plain list of links, and nothing on any document page disappears. The enhancement script collapses the answers into an accordion on load; it never gates content.

Structure and landmarks

One h1 per page, headings in sequence, banner, main, navigation and contentinfo landmarks, and a skip link as the first focusable element on every page including the portfolio. Section anchors are real fragments, so any clause can be linked and returned to.

Keyboard operation

Everything is reachable and operable by keyboard. FAQ items are native details elements, so they open and close with Enter and Space and their state is exposed to assistive technology by the browser rather than by a custom widget. Film sample cards on the portfolio are focusable buttons with a Play label and respond to Enter and Space.

Focus visibility

A 1 pixel ember outline with a 3 pixel offset on every focusable element, via :focus-visible, so keyboard focus is visible without adding outlines to mouse clicks. Against the near black background it reads clearly at any zoom.

Motion

Nothing autoplays. No audio starts without a press. Every animation on the document pages stops under prefers-reduced-motion: reduce, including scroll reveals and hover transitions, and the portfolio's opening sequence is suppressed entirely under that setting and for automated clients.

Type and zoom

Fluid type with clamp(), a measure capped at 74 characters on the reading column, 1.85 line height for body copy, and no fixed pixel font sizes, so text resizes to at least 200 percent without loss of content. Fonts are self hosted, which means no layout shift from a third party font arriving late.

Print

Every document page carries a print stylesheet: white background, black text, texture layers and navigation removed, FAQ answers expanded, clauses kept whole across page breaks. A lawyer who wants these terms on paper gets a legible document, which is the point of a legal page.

Colour independence

No information is carried by colour alone. FAQ state is conveyed by the native disclosure semantics as well as the indicator mark, the section index marks the current clause with a text colour change on a link whose text already identifies it, and status labels in the device inspector are words rather than dots.

Target size

Buttons are at least 40 pixels tall, FAQ summary rows are full width with generous padding, and no interactive element on these pages is smaller than 24 by 24 CSS pixels.

3Contrast, measured

The palette is bone text on near black, which gives a lot of headroom, and one accent red that does not. Measured against #030303:

Measured contrast ratios on the document pages
ElementRatioAA requirementResult
Body copy, rgba(240,235,227,.82)11.54 : 14.5 : 1Pass
Headings, #f0ebe317.38 : 13 : 1Pass
Secondary text, #9a95906.95 : 14.5 : 1Pass
Labels on document pages, #e656505.71 : 14.5 : 1Pass
Accent red #c41e1e as text3.49 : 14.5 : 1Fail for small text

That last row is why these pages define a second red. The accent red is kept for rules, marks and large display type where 3 : 1 is sufficient, and small uppercase labels use #e65650 at 5.71 : 1 instead. The portfolio and the catalogue still use the darker red for small labels, which is listed as an open gap below rather than quietly ignored.

4Known gaps

These are the exceptions behind "partially conformant", with the page each one lives on.

  • Small label contrast on the portfolio and catalogue. The darker accent red sits at 3.49 : 1 against the background, below the 4.5 : 1 needed for small text. Fixed on the document pages, open on / and /store.
  • Custom cursor and pointer torch on the catalogue. On fine pointers the page hides the system cursor and draws its own. It is disabled for coarse pointers, for reduced motion and without scripting, but it is still a non standard pointer for anyone who relies on cursor shape or position cues.
  • Atmosphere layers. Grain, vignette, scanlines and a hairline frame sit above the page as fixed overlays. They are decorative, marked aria-hidden, kept at low opacity and switched off in print, but they reduce effective contrast slightly for anyone with low vision and cannot be turned off by the visitor.
  • The portfolio's opening sequence. A full screen animation on first visit. It is decorative, hidden from assistive technology, dismissed by a click or keypress, suppressed under reduced motion and for automated clients, and never shown twice in the same tab. It is still an interruption, and it does not exist on any document page.
  • Scroll spy announcements. The sticky index marks the clause you are reading with aria-current. Some screen readers announce that change, most do not, so it should be treated as a visual aid rather than a reliable announcement.
  • Embedded video. Film samples come from third party players whose own accessibility the studio does not control. Every cue on the portfolio is also listed as text with its title, duration and description, so no information is locked inside a player.
  • Captions. The film samples are music driven picture with no dialogue, so there is nothing to caption. If a sample with dialogue is ever published, it will carry captions.

None of these block access to the content of any document page. They are listed because an accessibility statement that hides its exceptions is worthless.

5Alternative formats

Any document on this site can be supplied in another format on request: plain text, a single accessible PDF, large print, or a version without the atmosphere layers. Say which and it will be sent, normally within two business days.

For an immediate plain text version, every page is readable with styling disabled, and the print stylesheet produces a clean text document from any browser's print dialog.

6Feedback

If something on this site blocks you, tell the studio: zaziediya@gmail.com. Say which page, what you were using, and what happened. The reply will come from the person who builds the site, which is the fastest route to a fix that exists at this size.

Reports are treated as defects. Where a fix is not immediate, the gap gets added to section 4 with the reason, so the next reader knows it is known rather than invisible.

Nothing in this statement limits any right you have under the accessibility law of your own jurisdiction, including the European Accessibility Act, the Equality Act 2010 in the UK, or the Americans with Disabilities Act in the United States.

Found something that blocks you

One email is enough. Say which page and what you were using, and it gets fixed or it gets written down here as a known gap.