WebAccess Frontend

WebAccess is a webapp with two tools to help web developers create more accessible content. The first tool is an automatic web accessibility evaluator, which allows the evaluation of HTML code by inserting the URL of a web page or the HTML code itself, applying up to 11 techniques proposed by the WCAG in its version 2.1. On the other hand, the second tool is a contrast evaluator, which allows knowing if the contrast ratio between two colors (text and background) meets any of the levels established by the WCAG.

Links

• Repo
• Backend
• Live Demo

Screenshots

Stack

This repository contains the second frontend version of WebAccess, developed with Typescript, Svelte and Sass. I decided to build this version with Svelte because I wanted to improve my skills regardless this framework and this seems like a perfect webapp to begin with.

How to install and run

Prerequisites

1. You need to have Node.js installed in your machine

Installation

1. Clone the repo

   git clone https://github.com/JoanR99/web-access-client-svelte.git
   

2. Go to file

   cd web-access-client-svelte
   

3. Install dependencies

   npm install
   

4. Start server

   npm run dev
   

5. You need to setup the backend to use the accessibility evaluation tool. Follow the instructions on the Backend Repo

    

Author

Joan Romero

• Profile
• Email
• Linkedin
• Portfolio