Skip to content

fix(ui-instructure): improve screen reader support in AiInformation and DataPermissionLevels - #2731

Merged
HerrTopi merged 1 commit into
masterfrom
ally-ai
Oct 2, 2026
Merged

HerrTopi merged 1 commit into
masterfrom
ally-ai

Conversation

@HerrTopi

@HerrTopi HerrTopi commented Sep 26, 2026 •

Copy link
Copy Markdown
Contributor

Summary

  • AiInformation v2: replace the hardcoded screenReaderLabel="Popover Dialog Example" on the Popover with the title prop.
  • AiInformation v2: add an optional privacyNoticeScreenReaderLabel to each data entry, applied as the privacy notice Link's aria-label so consumers can announce that it opens an external page.
  • DataPermissionLevels v2: render each card's content container as an h3 instead of a div so the permission levels carry heading semantics, with all: unset stripping the default heading styles.

Test Plan

  • With a screen reader, open the AiInformation popover and confirm it announces the title text rather than "Popover Dialog Example".
  • Confirm the privacy notice link announces the privacyNoticeScreenReaderLabel when supplied, and still falls back to its visible text when omitted.
  • Navigate DataPermissionLevels by headings and confirm each permission level card is reachable at level 3.
  • Visually diff the DataPermissionLevels cards against master — the div to h3 swap plus all: unset should be a no-op, so check the content container's spacing, font size, and weight are unchanged.

Fixes INSTUI-5197

🤖PR description ONLY Generated with Claude Code

@HerrTopi HerrTopi self-assigned this Sep 26, 2026
@github-actions

github-actions Bot commented Sep 26, 2026 •

Copy link
Copy Markdown
Contributor
PR Preview Action v1.8.1
Preview removed because the pull request was closed.
2026-10-02 00:16 UTC

github-actions Bot pushed a commit that referenced this pull request Sep 26, 2026
@github-actions

Copy link
Copy Markdown
Contributor

Visual regression report

Cypress suite: ✅ Passing

Visual diff: ✅ No changes.

Status Count
Unchanged 99
Changed 0
New 0
Removed 0

Accessibility (axe): ✅ No violations.

📊 View full report — click a screenshot's ⚠ badge to see each violation boxed on the image, with the offending element named and contrast failures shown as color swatches.

Baselines come from the visual-baselines branch. They refresh on every merge to master. The Cypress suite line covers the a11y and console-error assertions — a ❌ there means the suite found real issues even if the visual diff is clean.

…nd DataPermissionLevels

AiInformation v2 hardcoded the Popover screenReaderLabel to "Popover Dialog Example", which was
both untranslatable and meaningless to screen reader users. It now uses the title prop. The
privacy notice Link also accepts an optional privacyNoticeScreenReaderLabel so consumers can
announce that it opens an external page.

DataPermissionLevels v2 rendered each card's content container as a plain div, leaving the list
of permission levels without heading semantics. It is now an h3 with the default heading styles
reset.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
isShowingContent={open}
on="click"
screenReaderLabel="Popover Dialog Example"
screenReaderLabel={`IgniteAI, ${title}`}

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is not so nice, we still have some hardcoded text...

@HerrTopi
HerrTopi merged commit ed2720b into master Oct 2, 2026
10 checks passed
@HerrTopi
HerrTopi deleted the ally-ai branch October 2, 2026 00:16
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.

3 participants