Skip to main content
Krolik

Accessibility

Accessibility Statement

Assessed 2026-05-10

WCAG 2.2 AA EN 301 549 ADA Section 508

We are committed to making krolik.tools accessible to everyone. Our target conformance level is WCAG 2.2 Level AA. This page describes the current state of accessibility, known limitations, and how to contact us about issues.

Conformance status

krolik.tools is partially conformant with WCAG 2.2 Level AA. "Partially conformant" means some content does not fully conform to the standard. We are actively working toward full conformance.

Testing was performed using:

  • Automated: axe-core (Deque Systems) browser extension
  • Manual keyboard navigation testing
  • Screen reader testing with NVDA (Windows) and VoiceOver (macOS)
  • Browser: latest 2 stable versions of Chrome, Firefox, Safari, and Edge
  • Color contrast verified against WCAG 2.2 Criterion 1.4.3 (minimum 4.5:1)

What we've implemented

  • Skip-navigation link at the top of every page
  • Semantic HTML landmarks (<header>, <main>, <nav>, <footer>)
  • Logical heading hierarchy (h1 → h2 → h3) on every page
  • Focus-visible outlines on all interactive elements (vermillion 2px ring)
  • Light and dark themes — both passing 4.5:1 contrast on body text
  • All images and SVG icons carry aria-hidden="true" or descriptive alt text
  • Code blocks use role="region" with accessible labels
  • Theme toggle carries a descriptive aria-label updated on state change

Known limitations

SVG diagrams and knowledge-graph visualizations

Some architectural diagrams are SVG-based and may not be fully accessible to screen reader users. Text alternatives are provided where possible, but complex graph layouts are not yet fully navigable by keyboard alone. We are tracking this as a known gap.

Mobile viewport constraints

The knowledge-graph canvas section requires a minimum viewport width of approximately 480px for optimal display. On narrower viewports, some visual elements may be cropped. Text content remains fully accessible on all viewport sizes.

Code examples

Syntax-highlighted code blocks use color to convey meaning (e.g. keyword vs. string). A second indicator (comment labels) is provided in most examples, but not universally.

Technical specifications

krolik.tools is built with Astro 5 and Svelte 5, rendered to static HTML at build time. It relies on the following accessibility features of web technologies:

  • HTML — semantic elements and ARIA attributes
  • CSS — WCAG-compliant color tokens, prefers-reduced-motion respected
  • WAI-ARIA — landmark roles, aria-label, aria-hidden
  • JavaScript — used only for theme toggle and update banner; no JS required for core content

Feedback and contact

If you encounter an accessibility barrier on this site, please tell us. We take all feedback seriously and will respond within 5 business days.

Email: contact@krolik.tools
Subject line: "Accessibility issue — [brief description]"

Please include: the page URL, browser and assistive technology you are using, and a description of the issue. Screenshots or screen recordings are helpful but not required.

Formal complaints

If you are not satisfied with our response, you may contact the relevant enforcement body in your jurisdiction. In the EU, this is your national supervisory authority. In the US, the relevant body is the Department of Justice for ADA-related issues.