Fix Cypress news-page failures: add page <h1>, hide closed lang dropdown

Agent-Logs-Url: https://github.com/Hack23/riksdagsmonitor/sessions/5516d7cf-01ed-4225-8adf-b8e1202fca9c

Co-authored-by: pethers <1726836+pethers@users.noreply.github.com>

Author: Copilot

cypress/e2e/news-page.cy.js

@@ -244,11 +244,13 @@ describe('News Page - Navigation', () => {
   it('should support language switching on news page', () => {
     cy.visit('/news/');
 
-    // Try to switch to Swedish version
+    // Try to switch to Swedish version. The canonical chrome renders the
+    // top-of-page lang switcher inside a collapsed <details> dropdown, so
+    // filter to the visible anchor (footer language row, or open dropdown).
     cy.get('body').then(($body) => {
       const svLink = $body.find('a[href*="index_sv.html"]');
       if (svLink.length > 0) {
-        cy.get('a[href*="index_sv.html"]').first().click();
+        cy.get('a[href*="index_sv.html"]:visible').first().click();
         cy.url().should('include', 'index_sv.html');
       } else {
         cy.log('Swedish language link not found - skipping language switch test');

scripts/generate-news-indexes/template.ts

@@ -183,6 +183,14 @@ export function generateIndexHTML(
   const body = `  <div class="container">
 ${needsLanguageNotice ? generateLanguageNotice(langKey) : ''}
 
+    <!-- Page heading (canonical chrome puts brand only in <header>; the
+         news-index page itself owns the document <h1> for a11y heading
+         hierarchy and SEO, matching sitemap.html and political-intelligence.html). -->
+    <header class="news-page-heading">
+      <h1>${escapeHtml(lang.title)}</h1>
+      <p class="news-page-subtitle">${escapeHtml(lang.subtitle)}</p>
+    </header>
+
     <!-- Filter Bar -->
     <div class="filter-bar">
       <div class="filter-group">

styles.css

@@ -12235,12 +12235,21 @@ html[data-theme="light"] .footer-disclaimer a {
   border-radius: 6px;
   padding: 0.5rem;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
-  display: flex;
+  /* Hidden by default so the closed <details> doesn't leave dropdown
+     anchors as click targets (Cypress would otherwise hit them through
+     the sticky rm-site-header). The class selector previously beat the
+     UA-default `details:not([open]) > *:not(summary) { display: none }`
+     rule and forced the dropdown visible even when collapsed. */
+  display: none;
   flex-direction: column;
   gap: 0.125rem;
   z-index: 120;
 }
 
+.rm-lang-switcher[open] > .rm-lang-switcher-dropdown {
+  display: flex;
+}
+
 .rm-lang-switcher-dropdown a {
   color: var(--light-text, #e0e0e0);
   text-decoration: none;