行业智能>> horiseon_refactor>> 返回
项目作者： brandonfordd

项目描述 ：
This is a week one homework assignment.
高级语言： CSS
项目地址: git://github.com/brandonfordd/horiseon_refactor.git
创建时间： 2021-02-13T20:02:36Z
项目社区：https://github.com/brandonfordd/horiseon_refactor
开源协议：
下载


01 HTML, CSS, and Git: Code Refactor

The Task

Be sure to review the Homework Guide before you start working on this assignment! This week is an odd-numbered week, so your homework is an on-the-job ticket—meaning that you’ll begin with starter code that you need to modify.

Refactoring existing code (improving it without changing what it does) to meet a certain set of standards or to implement a new technology is a common task for front-end and junior developers. For this particular homework assignment, a marketing agency has hired you to refactor an existing site to make it more accessible.

Important: When working with someone else’s code, you should adhere to the Scout Rule—always leave the code a little cleaner than when you found it.

An increasingly important consideration for businesses, web accessibility ensures that people with disabilities can access a website using assistive technologies like video captions, screen readers, and braille keyboards. Accessibility is good for business—for one thing, accessible sites rank higher in search engines like Google. It also helps companies avoid litigation, which might arise if people with disabilities can’t access a website.

Accessibility can include complex requirements, but your tech lead has given you a small list of specific criteria for this project. These criteria are documented in the Acceptance Criteria section.

To impress clients, you should always exceed expectations and improve the codebase for long-term sustainability. For example, check that all links are functioning correctly. You can also increase the efficiency of the CSS by consolidating the selectors and properties, organizing them to follow the semantic structure of the HTML elements, and including comments before each element or section of the page.

Are you ready to begin? Here are this week’s homework requirements.

User Story

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

Acceptance Criteria

  1. GIVEN a webpage meets accessibility standards
  2. WHEN I view the source code
  3. THEN I find semantic HTML elements
  4. WHEN I view the structure of the HTML elements
  5. THEN I find that the elements follow a logical structure independent of styling and positioning
  6. WHEN I view the image elements
  7. THEN I find accessible alt attributes
  8. WHEN I view the heading attributes
  9. THEN they fall in sequential order
  10. WHEN I view the title element
  11. THEN I find a concise, descriptive title

Deployed Application: https://brandonfordd.github.io/horiseon_refactor/

screenshot:
alt text