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.
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.
Tool to help view reports generated by Deque's Axe CLI tool
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.
Reviewing fundamentals of HTML and CSS via the freeCodeCamp - (New) Responsive Web Design Certification, practicing how to build webpages using HTML for content, and CSS for design.