This image is a triangular diagram illustrating progressive enhancement, the hierarchy of web development technologies, with three layers stacked from bottom to top. The bottom layer, in orange, is labelled HTML, representing HTML as the foundational structure and content layer. Above it, the middle layer in blue is labelled CSS, indicating CSS as the styling layer that defines the appearance of HTML elements. At the top, the yellow layer is labelled JS, symbolising JavaScript, which adds interactivity and dynamic functionality. The diagram suggests a progression from foundational structure to styling and, finally, to interactive features.

I was thinking about how Frontend values change depending on the company, or rather change based of values of the most senior engineering leads within these companies.

Like most things - it’s always political, not in the party sense, but what receives priority, budget, attention and money. Who decides what aspects of Frontend are important? Which people can be easily excluded without a second thought and who makes this decision?

One particular requirement that is dropped in many private companies is “progressive enhancement”. This post isn’t to explain what this is, but more, thinking about why this is ignored.

This term was coined by Steven Champeon and Nick Finck at the SXSW Interactive conference on March 11, 2003, in Austin. The strategy is an evolution of a previous web design strategy known as graceful degradation.

Progressive enhancement means that everyone can access the basic content and functionality of a page in any browser, and those without certain browser features may receive a reduced but still functional experience — Lighthouse

Progressive Enhancement reading list

Below is a good reading list around the concepts and benefits of Progressive Enhancement

Does the website work without JavaScript?

I typically think “business needs” are used to justify this drop in requirement. However I don’t tend to believe it costs more time or money to practice progressive enhancement, it’s simply a different development style. Much like mobile first, someone might be used to desktop-first coding, but it’s not objectively slower. If anything it could easily reduce testing and make the site more robust.

The other argument tends to be used it’s only a small number of users that benefit. However, it’s estimated that 1.1% of people might use the web without JavaScript.

This helps many different types of users, including those with disabilities. This might sound like a small number of people that can be excluded but thinking about 1.1% - what could we compare this to?

The following groups, represent around 1.1% of the population

Redheads

The UK has the highest proportion of redheads globally, with estimates suggesting around 1-2% of the population.

Electric car owners

Electric vehicle owners: As of 2023, there were over 1 million electric vehicles registered in the UK, accounting for approximately 1.5% of all vehicles.

Green eyes

Green eyes are among the rarest globally, with about 2% prevalence. In the UK, this percentage is approaching 1.1-2%.

Welsh speakers

According to the 2021 Census, 538,300 people in Wales reported being able to speak Welsh, representing 17.8% of the population of Wales. However, considering the entire UK population, fluent Welsh speakers constitute less than 1%.

Workers in agriculture

As of 2021, there were approximately 476,000 people employed in agriculture in the UK, representing about 0.7% of the workforce.

AB-negative blood type

Individuals with AB-negative blood type is one of the rarest blood types, present in about 1% of the UK population.

Autism Spectrum Disorder (ASD)

The NHS estimates that around 1.1% of the UK adult population is on the autism spectrum.

Coeliac Disease

Approximately 1% of the UK population is diagnosed with coeliac disease, an autoimmune condition triggered by gluten ingestion.

Schizophrenia

This severe mental health condition affects about 1% of the UK population.

Rheumatoid Arthritis

An estimated 1% of UK adults live with rheumatoid arthritis, a chronic inflammatory disorder affecting joints.

Epilepsy

Approximately 1% of the UK population has epilepsy, a neurological condition characterised by recurrent seizures.

Sorry, you can’t use this website as you have green eyes

A white man with blondish hair in an office wearing a blue shirt, is looking at a light blue iMac visiting a website - the screen says: sorry you can't use this website as you have green eyes

Maybe not malicious, perhaps just normalised?

It’s probably a bit less active than someone thinking they wish to exclude people. Although maybe it is, especially when the industry faced such ridiculous pushback from renaming a single word namely, master to main.

What could be the other reasons?

  1. Developers might be interested to focus on cutting-edge features and frameworks, which may not support older or simpler implementations, leading them to overlook basic functionality that would benefit all users.

  2. There might be a strong emphasis on creating visually impressive and interactive UI, often driven by stakeholders or clients, making the minimalist approach of progressive enhancement seem less appealing.

  3. Developers sometimes assume that users have the latest devices and fast internet connections, leading them to build for an “ideal” user profile and neglect those with less advanced technology.

  4. Popular JavaScript frameworks like React, Angular, or Vue rely heavily on JavaScript, which can sideline the progressive enhancement principle that prioritises HTML-first and basic content availability.

  5. Newer developers may not have experience with or training in progressive enhancement, as many modern tutorials, resources and interviews, focus on JavaScript-heavy approaches.

  6. Progressive enhancement might be perceived as requiring extra effort to ensure that content works without advanced features. Under tight deadlines and limited budgets, it’s often seen as expendable.

  7. Developers sometimes mistakenly think that responsive design covers accessibility needs and thus overlook the importance of building a baseline experience.

  8. Clients and stakeholders often prioritise features and aesthetics over accessibility, pushing developers to deprioritise progressive enhancement.

  9. Many developers may not fully understand that progressive enhancement improves accessibility for all, particularly for users with disabilities or those using assistive technology.

  10. Without direct feedback from users who are affected by the lack of progressive enhancement, developers may not realise its impact, leading them to continue without it. If a disabled developer was on the team, this might shift perspective.

Going a bit more into point 4, As React dominates and doesn’t necessarily prioritise Progressive Enhancement out-of-the-box, perhaps this was seen as acceptable, the standard?

However, React can be setup to be progressively enhanced. Ultimately those implementing a project have decided somewhere along the line this would be dropped.

Progressive enhancement is often deprioritised in modern Frontend development, especially within private companies. Probably due to various factors including values, business priorities, developer habits, and the dominance of React frameworks, which don’t inherently prioritise it. While this exclusion may be less impactful in luxury purchases, in essential services like finance or travel, it can prevent access for those relying on accessible design.

Progressive enhancement benefits all users, promoting a resilient, inclusive web experience, yet its ongoing neglect shows a preference ignoring certain users.