I spent quite some hours on CR, yet it was maybe until 30 seconds later before I realized what the "nosedive" refers to exactly. In fact, I kept thinking "quality" refers to "translation quality" and I was puzzled I could not see obvious issues.

It doesn't need to be that. Anyone given side-by-side screenshots without additional contexts should immediately tell you what's happening, and I've read lots of blog posts like that.

More specifically, the article provides 4 bad screenshots at fitst. I actually went through 3 of them. I kind of guessed what you meant but wasn't sure. Then there is another gallery of good ones. Why? Just provide good vs bad at the top, explicitly explain what's the expectation, and if needed, provide more examples. That'll be 200% better than this.