@surea11y/core 1.4.1 → 1.6.0

package/src/report.js

@@ -84,6 +84,19 @@ function getCardOutcome(ruleResult) {
   return hasCantTell ? 'cantTell' : ruleResult.outcome;
 }
 
+// Locale fallback is per-string and silent in the text itself, so a report
+// generated in a locale the engine does not carry reads as a normal English
+// one. A result from an older engine has no engine.locale and gets no chip.
+function renderLocaleChip(engine) {
+  const locale = engine && engine.locale;
+  if (!locale || typeof locale.resolved !== 'string' || !locale.resolved) return '';
+
+  const fellBack = locale.requested !== locale.resolved;
+  const label = fellBack ? `locale (requested ${esc(locale.requested)})` : 'locale';
+
+  return `<div><b>${esc(locale.resolved)}</b>${label}</div>`;
+}
+
 // One plain-language headline + one horizontal stacked bar + a legend with
 // icon+label+count (status color is never the only signal) -- the first
 // thing a reader sees; exhaustive detail lives in the collapsed
@@ -269,7 +282,7 @@ function renderCards(checksResults) {
         <div class="card-meta">${wcagChips}</div>
         <div class="card-selector"><span class="card-selector-label">Selector:</span> <code>${esc(representative.selector || '(none)')}</code></div>
         <div class="card-snippet">${esc(representative.summary)}${representative.hint ? ` — ${esc(representative.hint)}` : ''}</div>
-        ${r.occurrences.length > 1 ? `<p class="card-note">Selector/summary above are from one representative occurrence — ${r.occurrences.length.toLocaleString()} total on this rule.</p>` : ''}
+        ${r.occurrences.length > 1 ? `<p class="card-note">Selector/summary above are from one representative occurrence; ${r.occurrences.length.toLocaleString()} total on this rule.</p>` : ''}
       </div>
     </div>`;
     })
@@ -277,7 +290,7 @@ function renderCards(checksResults) {
 
   const overflow =
     sorted.length > MAX_CARDS
-      ? `<p class="note">Showing the ${MAX_CARDS} highest-priority rules of ${sorted.length.toLocaleString()} with issues — see the full technical data below for the rest.</p>`
+      ? `<p class="note">Showing the ${MAX_CARDS} highest-priority rules of ${sorted.length.toLocaleString()} with issues. See the full technical data below for the rest.</p>`
       : '';
 
   return `<div class="cards">${cards}</div>${overflow}`;
@@ -411,6 +424,7 @@ function renderHtmlReport(result, options = {}) {
   <div><b>${rows.length}</b>total occurrences</div>
   <div><b>${esc((result && result.engine && result.engine.tag) || '?')}</b>engine</div>
   <div><b>${esc((result && result.engine && result.engine.schemaVersion) || '?')}</b>schema version</div>
+  ${renderLocaleChip(result && result.engine)}
 </div>
 
 <main>