Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/lucas-erkana/accessibility

Accessibility is making your webpage easy for all people to use – even people with disabilities. In this course, you'll build a quiz webpage. You'll learn accessibility tools such as keyboard shortcuts, ARIA attributes, and design best practices.
https://github.com/lucas-erkana/accessibility

html-css

Last synced: 5 days ago
JSON representation

Accessibility is making your webpage easy for all people to use – even people with disabilities. In this course, you'll build a quiz webpage. You'll learn accessibility tools such as keyboard shortcuts, ARIA attributes, and design best practices.

Awesome Lists containing this project

README

        

logo

freeCodeCamp

# 📗 Table of Contents

- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)

# 📖 Accessibility


Student Info
CSS questions


Top part of Registration form
Bottom part of Registration form


HTML questions
Footer


Filled Registration Form
Filled Registration Form

**Accessibility** is making your webpage easy for all people to use – even people with disabilities.

In this course, you'll build a quiz webpage. You'll learn accessibility tools such as keyboard shortcuts, ARIA attributes, and design best practices..



**Here are some features of the page:**


  • Enter Student Info

  • Answer True or False Questions

  • Answer CSS question from a list of options

  • Provide questions if needed

  • Submit the form

## 🛠 Built With
HTML
CSS

(back to top)

## 🚀 Live Demo

[Accessibility](https://lucash2022.github.io/Accessibility/)

(back to top)

## 💻 Getting Started

- Create a local directory that you want to clone the repository.

- Open the command prompt in the created directory.

- On the terminal run this command git clone https://github.com/Lucash2022/Accessibility.git

- Go to the repository folder using command prompt cd Accessibility.

- Install the dev dependencies for linters run npm install.

(back to top)

### Prerequisites

In order to run this project you need:

-Google chrome

-Internet Explorer

-Any browser

(back to top)

### Setup

Clone this repository to your desired folder:

- Open the command prompt in the created directory.

- On the terminal run this command git clone https://github.com/Lucash2022/Accessibility.git

- Go to the repository folder using command prompt cd RegistrationForm.

- Install the dev dependencies for linters run npm install.
--->

(back to top)

## 👤**Authors**

Lucas Erkana

logo[github handle](https://github.com/Lucash2022)


logo [twitter handle](https://twitter.com/@Lucas_David_22)


logo[linkedIn](https://www.linkedin.com/in/lucas-erkana-b30a0b3b/)


logo[facebook](https://www.facebook.com/lucash.toni)

(back to top)

## 🔭 Future Features

- Implement some UX improvements: add a home page, include transitions and/or animation

- Implement additional pages, which will allow the user to Register

- Implement additional pages, which will allow the user to Login

(back to top)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/Lucash2022/RegistrationForm/issues/2).

(back to top)

## ⭐️ Show your support

Give a ⭐️ if you like this project!

(back to top)

## 🙏 Acknowledgments

[freeCodeCamp](https://www.freecodecamp.org/)

[Font Awesome](https://fontawesome.com/search?q=book&o=r)

[Icons8](https://icons8.com/icons/set/books)

[Google Fonts](https://developers.google.com/fonts)

[Bootsrtap](https://getbootstrap.com/docs/5.1/getting-started/introduction/)

[Luxon](https://imdac.github.io/modules/js/luxon/)

(back to top)

## 📝 License

This project is [MIT](./LICENSE) licensed.

_NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._

(back to top)