Behind the portfolio
Web standards and quality
The care taken with each photograph also guides the way this website is built.
The design, accessibility, performance and privacy principles behind Jorge Andreu’s photography portfolio.
Accessibility
Photography for a wider audience
Accessibility is a continuous improvement goal. Semantic structure, descriptive links and labelled controls help make the portfolio easier to navigate with different devices and assistive technologies.
- Content organised with headings and navigation landmarks.
- Alternative text for images and accessible names for interactive controls.
- WCAG guidelines as a reference, without claiming audited AA conformance.
Web standards
A clear structure beyond the image
The site is built with Astro and semantic HTML. Each page combines photography with contextual information, titles and metadata that help visitors and search engines understand its content.
- HTML landmarks for the header, navigation, main content and footer.
- Page titles, descriptions and social sharing metadata.
- Spanish and English versions with the document language identified.
Performance
Image quality with responsible loading
A photography portfolio needs to balance visual detail and download size. The project uses image processing tools and specialised galleries to present the work without treating every photograph as an unoptimised original.
- Image processing and optimisation with Sharp.
- PhotoSwipe for viewing gallery photographs.
- Pre-rendered informational pages and server-side functionality where needed.
Privacy
Only the data needed
The cookie policy describes technical and functional cookies, Cloudflare Turnstile protection for the contact form and cookie-free audience measurement with Cloudflare Web Analytics. These services should not be confused with a website that makes no third-party connections.
- No advertising or profiling cookies, as described in the cookie policy.
- Contact details submitted voluntarily through the contact form.
- Further information in the privacy and cookie policies.
Responsive design
A portfolio for every screen
The layout adapts to mobile phones, tablets and desktop screens. Galleries, navigation and typography are designed to keep the photographs at the centre of the experience across different formats.
- Responsive layouts and navigation adapted to small screens.
- A consistent visual identity with dark backgrounds and restrained typography.
- Dedicated gallery viewing rather than simply enlarging the page.
Technology
Tools behind the experience
Astro · TypeScript · Tailwind CSS · Sharp · PhotoSwipe
These principles describe the technical approach, not an independent certification or a guarantee that every page is free from accessibility issues. If you encounter a barrier or a technical problem, please let us know through the contact page.