Zainab Abadi

Accessibility

Accessibility is part of my job, so this portfolio should hold up to the same standard. I use WCAG 2.1 Level AA as the reference. This page says what is in place, what I have checked and what I have not checked yet. Last reviewed: 30 October 2026.

What is in place

• Keyboard: a skip link, visible focus outlines, and a contact form that opens as a native dialog and closes with Escape. The cookie choices can be reopened from the footer.
• Contrast: body text is built to at least 4.5:1, and large text and form borders to at least 3:1.
• Structure: headings in order, labelled form fields, a status message after you send a message, and text descriptions for images.
• Motion: the logo ribbon and the animated project thumbnails stay still when your device asks for reduced motion. The ribbon also has a Pause button.
• Text size: text is sized in rem, so it follows your browser's font size.

What I have checked

I measured text and background colours on every page, including text over the gradients, and fixed what fell short. I also checked the layouts from 320 to 1280 pixels wide in Chromium, with no horizontal scrolling.

What I have not checked yet

• A full walk through every page with NVDA and VoiceOver.
• Browser zoom at 200% and 400%, and a real phone.
• Reduced motion on a real device.
• The structure of the downloadable CV (PDF).

Some images in the case studies are slides from internal presentations. They have text descriptions, but the text inside the slides is not available as text, and some of it is in Spanish.

If something does not work for you

Email me at zainab.abadi.s@gmail.com with the page and what went wrong, and I will look at it.