GithubHelp home page GithubHelp logo

slspencer-assignment1's Introduction

Assignment 1: Horiseon Webpage

Website accessibility challenge
Website URL: https://slspencer.github.io/slspencer-assignment1/Develop/index.html

Description:

Assignment to update an existing website to meet accessibility standards
This website meets requirements for User Story:

AS A marketing agency
I WANT a codebase that follows accessibility standards
SO THAT our own site is optimized for search engines

This website meets requirements for Acceptance Criteria:

GIVEN a webpage meets accessibility standards
WHEN I view the source code
THEN I find semantic HTML elements
WHEN I view the structure of the HTML elements
THEN I find that the elements follow a logical structure independent of styling and positioning
WHEN I view the image elements
THEN I find accessible alt attributes
WHEN I view the heading attributes
THEN they fall in sequential order
WHEN I view the title element
THEN I find a concise, descriptive title

Website should look like this:

Horiseon Website mockup


Assignment instructions:

  1. Clone your starter code (https://github.com/coding-boot-camp/urban-octo-telegram)
  2. Refactor the code to meet the Acceptance Criteria.
  3. Make sure your work meets the full list of grading requirements.
  4. Follow the instructions to submit your Challenge for review.

Additional Grading Requirements:

Application's links all function correctly.
Application's CSS selectors and properties are consolidated and organized to follow semantic structure.
Application's CSS fi le is properly commented.
Application deployed at live URL.
Application loads with no errors.
Application GitHub URL submitted.
GitHub repository that contains application code.
Application resembles (at least 90%) screenshots provided in challenge instructions.
Repository has a unique name.
Repository follows best practices for fi le structure and naming conventions.
Repository follows best practices for class/id naming conventions, indentation, quality comments, etc.
Repository contains multiple descriptive commit messages.
Repository contains a quality README fi le with description, screenshot, and link to deployed application.

How to Submit the Challenge:

The URL of the deployed application.  
The URL of the GitHub repository that contains your code. Give the repository a unique name and include aREADME fi le that describes the project.

Authors

Sue Spencer

License

Use restricted to Vanderbilt University 'Full Stack Developer Bootcamp' students, staff, and administrators

slspencer-assignment1's People

Contributors

slspencer avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.