Accessibility
Access is a design practice, not a badge.
VEIL has been designed with accessibility in mind and aims to use practices aligned with WCAG at level AA. A formal external conformance audit has not yet been completed.
Accessibility approach
The site is built around its content, with pre-rendered static HTML, meaningful page structure, restrained motion, and a clear visual hierarchy. Interactive features enhance a document that remains readable before they start.
Keyboard navigation
Primary links, language switching, mobile navigation, filters, Consultation controls, FAQ questions, reset confirmations, and copy actions are intended to work by keyboard. Standard browser controls are preferred where they provide reliable interaction without custom scripting.
Focus management
A skip link moves directly to main content. Visible focus rings are retained, Consultation errors link to the relevant fields, step changes move focus to the new heading, and modal-like confirmations return focus when dismissed.
Reduced motion
The cinematic introduction is bypassed or simplified when reduced motion is requested. Editorial reveals become immediate, smooth scrolling is disabled, and Consultation state remains understandable without animated transitions.
Language and structure
English pages use the main address and Polish pages use /pl. Each static document has the correct lang attribute. Pages use one h1, ordered h2 and h3 headings, clear page regions, lists, definitions, and meaningful link labels.
Forms and validation
Consultation uses standard single-choice fields, text inputs, email and telephone fields, a multi-line text field, and a checkbox, all with visible labels. Error summaries receive focus, invalid fields expose aria-invalid and descriptions, and entered values are retained when a correction is needed.
Body Placement Studio alternatives
The abstract body maps are paired with synchronised single-choice lists, text descriptions, region and side labels, and a complete summary. The visual map is not the only way to choose or understand a placement plan.
Contrast and responsive reflow
The ink, paper, ivory, silver, and wine colours are used with visible boundaries and cues that do not rely on colour alone. Layouts are designed to adapt from a 320-pixel-wide screen to large displays and to remain readable at 200% zoom or an equivalent narrow width.
Known limitations
The following limitations remain in the current portfolio demonstration:
- Integrated portfolio imagery depicts fictional generated people, work, and environments rather than documentary photography of an operating atelier.
- Some advanced interactions, including progress through the Consultation brief and saving its final copy, require JavaScript.
- The Confirmation page needs access to the copy saved in the current browser tab (sessionStorage) and cannot include that copy in pre-rendered static HTML.
- No formal audit with users of assistive technologies has yet been completed.
- The integrated imagery has developer-reviewed alternative text and crop behaviour but has not yet received a formal audit with assistive-technology users.
- The portfolio does not yet provide a real accessibility support channel or verified physical-access details for an operating venue.
Testing performed
Development checks include code quality and type checks, production builds, content validation, keyboard paths, reduced-motion behaviour, reviews at different screen widths, focus behaviour, no-JavaScript alternatives, and console inspection. These checks reduce risk but do not replace an external accessibility audit.
Future improvements
Before a production launch, VEIL should commission testing with assistive-technology users, verify the physical venue, review final imagery and alt text, document a real support route, test browser and device combinations, and resolve findings through a published improvement cycle.