Abbott Laboratories is undertaking a project to modernize a legacy web property by refactoring its HTML and CSS. We need a developer with a keen eye for detail to convert outdated, non-semantic markup into clean, accessible HTML5. You will also streamline and organize the CSS using methodologies like BEM or SMACSS, reduce code bloat, and improve overall site performance and maintainability. This is a critical project to enhance SEO, accessibility, and the developer experience for future updates.

This is a strategic role focused on improving the foundation of an existing, high-traffic web property. Your first task will be to conduct a thorough audit of the current HTML and CSS codebase. You will identify areas with non-semantic markup (e.g., <div>s used for buttons or headings) and replace them with appropriate HTML5 elements. This refactoring process is vital for improving the site's accessibility for users with disabilities and for enhancing its search engine ranking.

You will then turn your attention to the CSS. The goal is to transform a potentially monolithic and disorganized stylesheet into a modular, scalable system. You will implement a CSS methodology like BEM (Block, Element, Modifier) to create predictable and reusable class naming conventions. This will make the styles easier to understand, maintain, and extend in the future. Part of this process involves identifying and removing redundant or unused CSS rules to reduce the overall file size and improve page load times.

Throughout the project, you will be responsible for ensuring that your changes do not introduce visual regressions. This requires careful, incremental updates and thorough testing. You will document the new architecture and a style guide to help onboard future developers and maintain consistency. Your work will have a lasting impact, making the website faster, more accessible, and significantly easier for the team to manage.

• Excellent understanding of semantic HTML5 and its importance for SEO and accessibility.
• Proven experience with CSS methodologies like BEM, SMACSS, or OOCSS.
• Experience with code auditing and refactoring legacy codebases.
• A methodical approach to problem-solving and an eye for detail.
• 2-3 years of front-end development experience.

• Make a significant impact on a large-scale, enterprise project.
• Flexible work schedule and remote options.
• Competitive hourly rate.
• Enhance your skills in code auditing, refactoring, and architecture.