https://github.com/thiagocabralcorreia/web-accessibility

🖥️🦾 Website with guidelines on web accessibility (and best practice applications to improve navigation).
https://github.com/thiagocabralcorreia/web-accessibility

aaa accessibility components frontend javascript nextjs react seo tailwind ui ux-ui vercel website

Last synced: about 2 months ago
JSON representation

🖥️🦾 Website with guidelines on web accessibility (and best practice applications to improve navigation).

• Host: GitHub
• URL: https://github.com/thiagocabralcorreia/web-accessibility
• Owner: thiagocabralcorreia
• Created: 2022-12-09T20:11:05.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-06-10T12:53:45.000Z (7 months ago)
• Last Synced: 2024-06-10T14:39:48.275Z (7 months ago)
• Topics: aaa, accessibility, components, frontend, javascript, nextjs, react, seo, tailwind, ui, ux-ui, vercel, website
• Language: TypeScript
• Homepage: https://web-accessibility-nine.vercel.app
• Size: 3.08 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# WEB ACCESSIBILITY WEBSITE

Responsive website developed to achieve theoretical knowledge and practical study on web accessibility, following good practices, such as use of contrast, alternative theme, understandable interface and easy navigation, with keyboard interaction. Project developed with Next.js, TypeScript and Tailwind.

![alt text: Web Accessibility website pages.](https://github.com/thiagocabralcorreia/web-accessibility/blob/main/public/wa-cover.png)

## Stacks

- Next.js

- TypeScript

- Tailwind

- Apiary

- Styled-Components

- [IMDb API](https://imdb-api.com/)

## Extra Packages Installed

- [Headless UI](https://headlessui.com)

- [Fontawesome](https://fontawesome.com/docs/web/use-with/react/)

## Available Scripts

Clone the repository:

```

  $ git clone https://github.com/thiagocabralcorreia/web-accessibility

```

In the project directory, you can install dependencies:

```

  $ npm install

```

And run the app in the development mode:

```

  $ npm run dev

```

Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.

_Web Accessibility project by [Thiago Cabral Correia](https://www.linkedin.com/in/thiago-cabral-correia/) - 2023_