Single and multiple item(s) accessible accordions.

A user-friendly FAQ accordion

Demonstration of integrating automated accessibility testing tools into a continuous integration/deployment (CI/CD) workflow.

This professionally designed front-end project for the Hadi Tech website excels in performance, passing Lighthouse testing and optimizing all images. It fully supports Safari browser, includes a favicon, and has a meta description. Experience seamless navigation and exceptional customer service in the world of technology.

Accessible React Typescript Modal Dialog

Accessibility Tester is a tool built with Next.js and Pa11y for automated testing of web applications' compliance with accessibility standards. Quickly check for common accessibility issues such as low color contrast, missing alt text, and more. Improve your website's accessibility and make it available to all users.

Accessible accordion component showcased at the "Writing Accessible Components" talk

The Accessibility Widget is a user interface component that enhances the accessibility of a web page by providing various accessibility options to users. It includes features such as font size adjustment, letter spacing, dyslexic font, cursor size, link highlighting, heading highlighting, line height adjustment, contrast adjustment, and more.

Accessibility Standards for Business Consulting Services Website: Horiseon

Accessibility Conformance Testing (ACT) rules of WET-BOEW

Refactoring Project for Accessibility

Refactored site with alt text and a screen-reader friendly layouts.

This challenge is to improve the accessibility of the provided code.

Puppeteer UI TestKit is an open-source npm package that simplifies UI testing for visual regression and accessibility using Puppeteer and axe-core. It provides an intuitive toolkit for automating UI tests, capturing screenshots, and performing accessibility checks.

Accessible React Typescript Pagination

A simple accessible modal implementation in react

Simple date difference calculator, used to track days between dates (achievements, upcoming events...)

My portfolio website (under construction). Built with Astro, React, JavaScript, Sass/SCSS.

This project is a practice quiz for HTML and CSS concepts. It features a responsive layout, semantic HTML, and accessibility enhancements. The quiz includes sections for student information, HTML questions, and CSS questions.

Tool to help view reports generated by Deque's Axe CLI tool