Accessibility
Accessibility Statement
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 descriptivealttext - Code blocks use
role="region"with accessible labels - Theme toggle carries a descriptive
aria-labelupdated 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-motionrespected - 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.