{
  "id": 632709,
  "title": "Your .active Class Is Lying to Screen Readers",
  "url": "https://urgent.news/2026/08/12/your-active-class-is-lying-to-screen-readers",
  "topic": "tech",
  "section": "Tech",
  "published": "2026-08-12T04:55:31.000Z",
  "source": {
    "name": "Dev.to",
    "slug": "dev-to",
    "url": "https://dev.to/_artclick/your-active-class-is-lying-to-screen-readers-1a8a"
  },
  "original_language": "en",
  "account": null,
  "summary": "If I had to guess the single most common code smell in front-end projects, it wouldn't be a missing semicolon or a messy folder structure — it would be this: .hidden { display : none ; } .disabled { opacity : 0.5 ; pointer-events : none ; } .active { font-weight : bold ; } .loading { cursor : wait ; } .error { border-color : red ; } Every one of these classes is solving a problem the browser…",
  "key_points": [],
  "editors_take": null,
  "illustration": null,
  "coverage": {
    "outlets": 1,
    "also_reported_by": []
  },
  "ai_generated": true,
  "disclaimer": "Summaries, key points and the editor’s take are written by software from other outlets’ reporting and may contain errors — always check the linked original."
}