Skip to content

fix(mermaid): add data-streamdown, aria-modal, and correct role to fullscreen overlay#508

Open
sleitor wants to merge 1 commit intovercel:mainfrom
sleitor:fix-506
Open

fix(mermaid): add data-streamdown, aria-modal, and correct role to fullscreen overlay#508
sleitor wants to merge 1 commit intovercel:mainfrom
sleitor:fix-506

Conversation

@sleitor
Copy link
Copy Markdown
Contributor

@sleitor sleitor commented Apr 16, 2026

  • Add data-streamdown="mermaid-fullscreen" for stable CSS targeting
  • Change role="button" to role="dialog" (correct semantics for a modal overlay)
  • Add aria-modal="true" for screen readers
  • Add aria-label for accessible name
  • Remove tabIndex={0} (not needed on dialog element)
  • Update biome-ignore comment to match table fullscreen pattern

Closes #506

…llscreen overlay

- Add data-streamdown="mermaid-fullscreen" for stable CSS targeting
- Change role="button" to role="dialog" (correct semantics for a modal overlay)
- Add aria-modal="true" for screen readers
- Add aria-label for accessible name
- Remove tabIndex={0} (not needed on dialog element)
- Update biome-ignore comment to match table fullscreen pattern

Closes vercel#506
@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented Apr 16, 2026

@sleitor is attempting to deploy a commit to the Vercel Team on Vercel.

A member of the Team first needs to authorize it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Mermaid fullscreen overlay missing data-streamdown attribute and accessibility attributes

1 participant