Single and multiple item(s) accessible accordions.
-
Updated
Apr 17, 2023 - HTML
(Web) Accessibility (often abbreviated to A11y — this is a numeronym, where the “11” stands for the 11 letters between the first letter “a” and the last letter “y”) in web development means enabling as many people as possible to use websites, even when those people's abilities are limited in some way.
Single and multiple item(s) accessible accordions.
Demonstration of integrating automated accessibility testing tools into a continuous integration/deployment (CI/CD) workflow.
Accessible React Typescript Modal Dialog
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.
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.
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.
Accessible accordion component showcased at the "Writing Accessible Components" talk
Accessibility Standards for Business Consulting Services Website: Horiseon
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