Skip to content

fix(a11y): reconcile message render (A1/A2/A11) #45

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
BrianGenisio merged 6 commits into from
Aug 7, 2026
Merged

fix(a11y): reconcile message render (A1/A2/A11) #45

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
1b1ec81
fix(a11y): reconcile message rows and add a persistent status region
Aug 6, 2026
e68f8c1
fix(a11y): expose chat turns as named articles with headings
Aug 6, 2026
6a4e05e
fix(a11y): patch streaming reply content without recreating the article
Aug 6, 2026
b47918e
fix(a11y): nest markdown headings under the turn h2
Aug 6, 2026
c737c3e
fix(a11y): map markdown ## sections to h3 under the turn heading
Aug 6, 2026
2a246cd
fix(a11y): address review notes on status, bubble, and clip-path
Aug 7, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions i18n/en.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,6 +40,10 @@
"Running tool…": "Running tool…",
"Still running…": "Still running…",
"Response stopped": "Response stopped",
"Cosmo is responding": "Cosmo is responding",
"Response complete": "Response complete",
"Your message": "Your message",
"Cosmo's reply": "Cosmo's reply",
"Regenerate response": "Regenerate response",
"Regenerate": "Regenerate",
"Copy as Markdown": "Copy as Markdown",
Expand Down
4 changes: 4 additions & 0 deletions i18n/es.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,6 +40,10 @@
"Running tool…": "Ejecutando herramienta…",
"Still running…": "Aún ejecutando…",
"Response stopped": "Respuesta detenida",
"Cosmo is responding": "Cosmo está respondiendo",
"Response complete": "Respuesta completa",
"Your message": "Tu mensaje",
"Cosmo's reply": "Respuesta de Cosmo",
"Regenerate response": "Regenerar respuesta",
"Regenerate": "Regenerar",
"Copy as Markdown": "Copiar como Markdown",
Expand Down
25 changes: 19 additions & 6 deletions public/app.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -620,6 +620,19 @@ body.is-resizing-sidebar {
50% { opacity: 0; }
}

/* Visually hidden but available to assistive technology (status live region). */
.visually-hidden {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
border: 0;
}
Comment thread
coderabbitai[bot] marked this conversation as resolved.

/* Messages container (injected by JS when conversation starts) */
.messages {
display: flex;
Expand Down Expand Up @@ -830,17 +843,17 @@ body.is-resizing-sidebar {
.message__body li + li { margin-top: var(--UI-Spacing-spacing-xxs); }

/* Markdown-specific styles */
.message__body.markdown h1,
.message__body.markdown h2,
.message__body.markdown h3 {
/* Semantic levels are demoted (+2) under the turn h2; --N is the author's
original markdown depth so visual weight stays the same. */
.message__body.markdown :is(h1, h2, h3, h4, h5, h6) {
margin: var(--UI-Spacing-spacing-ms) 0 var(--UI-Spacing-spacing-xs);
font-family: var(--heading-family, inherit);
font-weight: 500;
margin-top: 0 !important;
}
.message__body.markdown h1 { font-size: 1.4em; }
.message__body.markdown h2 { font-size: 1.2em; }
.message__body.markdown h3 { font-size: 1.1em; }
.message__body.markdown .message__heading--1 { font-size: 1.4em; }
.message__body.markdown .message__heading--2 { font-size: 1.2em; }
.message__body.markdown .message__heading--3 { font-size: 1.1em; }

/* Inline code */
.message__body.markdown code {
Expand Down
Loading
Loading