Skip to content

Welcome to the Web Accessibility Refactoring Repository! Here, our goal is to improve webpage accessibility by carefully updating HTML code. This project emphasizes creating an inclusive web environment for everyone.

License

Notifications You must be signed in to change notification settings

naturuplift/WebAccessibility

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Web Accessibility Refactoring


University of New Brunswick HTML - Semantic - Non-semantic Elements CSS: Cascading Style Sheets


Welcome to the Web Accessibility Refactoring Repository! Here, our goal is to improve webpage accessibility by carefully updating HTML code. This project emphasizes creating an inclusive web environment for everyone.

Table of Contents

Overview

In today's digital age, web accessibility is not just a goal; it's a necessity. The internet serves as a gateway to information, services, and opportunities, and it should be accessible to everyone, regardless of their physical abilities. The Web Accessibility Refactoring is a dedicated effort to make the web more inclusive and equitable.

Demo and Screenshot

To experience the improved accessibility firsthand, check out the Web Accessibility Demo.

image

Web Accesibility

Web accessibility is crucial for businesses, helping people with disabilities access websites through tools like video captions and screen readers. This not only boosts a site's search engine ranking but also prevents legal issues related to accessibility. While the topic can be complex, there's a simple set of criteria to follow in the process, outlined in the Acceptance Criteria section. Follow Guide Easy Checks – A First Review of Web Accessibility to get you started!

Goals

  1. Enhanced Accessibility: Our primary goal is to significantly improve the accessibility of a webpage. We aim to ensure that individuals with disabilities, including those who use assistive technologies such as screen readers, can seamlessly navigate and interact with the content.

  2. Education and Advocacy: Beyond code changes, this project also serves as an educational resource. We aim to raise awareness about the importance of web accessibility and advocate for its integration into web development practices worldwide.

  3. Community Engagement: We believe in the power of collaboration. This project is open to contributions from developers, designers, and accessibility advocates, fostering a community that actively works towards a more accessible web.

Significance

The significance of this project lies in its potential to break down digital barriers and create a more inclusive online environment. Here are some key aspects of its significance:

  • Equal Access: By improving web accessibility, we contribute to equal access to information, services, and opportunities for all individuals, regardless of their disabilities.

  • Legal and Ethical Compliance: Many countries and regions have regulations that mandate web accessibility. By addressing accessibility issues, we help organizations comply with these legal requirements and uphold ethical standards.

  • User-Centric Design: Web accessibility is not just about compliance; it's about putting users first. A more accessible website benefits all users, not just those with disabilities, by providing a better user experience.

  • Learning Resource: This project serves as a practical learning resource for developers and designers interested in implementing accessibility best practices in their projects.

Acceptance Criteria

  • Semantic HTML Elements: Upon inspecting the source code, you'll find that we've incorporated semantic HTML elements to enhance structure and clarity.

  • Logical Structure: The HTML elements have been organized logically, independent of styling and positioning, to ensure a seamless and intuitive user experience.

  • Accessible Alt Attributes: Image elements now include descriptive and accessible alt attributes, promoting a richer experience for all users.

  • Sequential Heading Attributes: Heading attributes have been meticulously arranged in sequential order, optimizing the page's structure for both users and assistive technologies.

  • Concise Title Element: The title element provides a concise and descriptive summary, contributing to a better understanding of the webpage's content.

Technologies Used

  • HTML
  • CSS
  • Git

Contributing

Feel free to explore the source code on GitHub. Your contributions and feedback are valuable in making this project more robust and universally accessible.

Get Involved

Whether you're a developer, designer, or advocate for accessibility, your input is crucial. Join us in creating a digital space that is open and accessible to everyone.

License

This project is licensed under the MIT License. See the LICENSE file for details.

About

Welcome to the Web Accessibility Refactoring Repository! Here, our goal is to improve webpage accessibility by carefully updating HTML code. This project emphasizes creating an inclusive web environment for everyone.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published