[SideNavigationItem]: accessibleName is ignored by screen readers when text is set
メンテナーはふだん 3 日以内に返信
まだ誰も着手していません。
評価
- 難易度
- 2/5
- 見積もり時間
- 1〜3時間
- 初心者へのやさしさ
- 72/100
- issue の種類
- バグ
- 明瞭さ
- 明確に書かれている
- 活発さ
- 活発
- 技術スタック
- typescript, web-dev
調査の方向性
SideNavigationItem の実装とアクセシビリティテストから始めます。issue では、shadow DOM の treeitem と、競合する aria-label および aria-labelledby 属性が示されています。accessibleName と text がこれらの属性をどのように設定するかを追い、手順で説明されている NVDA の読み上げの違いを再現します。両方の props が設定されているときに accessibleName が読み上げられ、このケースを対象とする回帰テストがあることが完了条件です。
索引モデルが issue の本文から書いたものです。
説明
Bug Description
Setting accessibleName on a SideNavigationItem has no effect on the accessible name when text is also provided.
The root cause: when text is set, the shadow DOM div[role="treeitem"] gets both aria-label (from accessibleName) and aria-labelledby (pointing to the internal text span). Per the ARIA spec, aria-labelledby always wins, so aria-label is ignored.
When text is omitted, aria-labelledby is not set and accessibleName works as expected.
Affected Component
SideNavigationItem
Expected Behaviour
When accessibleName is set, aria-labelledby should either be removed or the element it references should contain the accessibleName value. The prop was added specifically to override the default accessible name - it should win.
Isolated Example
No response
Steps to Reproduce
- Render
- Inspect the shadow root - div[role="treeitem"] has:
aria-label="Inbox, 3 unread notifications"
aria-labelledby="ui5wc_xx-text" pointing to Inbox - Navigate to the item with NVDA - it announces "Inbox", not "Inbox, 3 unread notifications"
- Remove text prop - NVDA now announces "Inbox, 3 unread notifications" correctly
Log Output, Stack Trace or Screenshots
No response
Priority
None
UI5 Web Components Version
2.25.0
Browser
Chrome
Operating System
Windows, Screen reader: NVDA
Additional Context
No response
Organization
No response
Declaration
- I’m not disclosing any internal or sensitive information.
- 主要言語
- TypeScript
- スター
- 1.8k
- フォーク
- 289
- 平均マージ
- 3日 17時間
- マージ済み PR（30日）
- 55
環境構築
- Dockerfile・Docker Compose ファイルなし
- プルリクエストのテンプレートあり
- コントリビューションガイドを読む
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
UI5/webcomponents のほかの issue
-
enhancement Medium Prio TOPIC P
難易度 2/5 1〜3時間 初心者へのやさしさ 62/100
UI5/webcomponents#14162 · コメント 2 件 ·
メンテナーはふだん 3 日以内に返信
-
bug Low Prio TOPIC RL
難易度 2/5 1〜3時間 初心者へのやさしさ 65/100
UI5/webcomponents#14143 ·
メンテナーはふだん 3 日以内に返信
-
Tab / TabContainer: Tab expand button (overflow arrow) incorrectly exposed as interactive element to screen readers対応中かも @sundeep8967 が 21 日前に担当しました。 オープンACC TOPIC RD
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
UI5/webcomponents#14004 · コメント 2 件 ·
メンテナーはふだん 3 日以内に返信
-
bug High Prio TOPIC Core
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
UI5/webcomponents#13661 · コメント 1 件 ·
メンテナーはふだん 3 日以内に返信
-
feature request Medium Prio TOPIC RL
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
UI5/webcomponents#4619 · コメント 3 件 ·
メンテナーはふだん 3 日以内に返信
UI5/webcomponents の issue をすべて見る
似ている issue
-
[BUG] rag: sentence content can cross the reported sentence boundaries対応中かも @LJK-ikun が今日担当しました。 オープンbug
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
メンテナーはふだん 1 日以内に返信
-
bug needs-triage
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
メンテナーはふだん 1 日以内に返信
-
README: the Resource URI Schemas example's file://documents/* pattern only matches that literal URIオープン
難易度 1/5 1時間未満 初心者へのやさしさ 88/100
platformatic/mcp#361 ·
メンテナーはふだん 1 日以内に返信
-
frontend
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
メンテナーはふだん 1 日以内に返信
-
Push: sem service worker ou sem VAPID, o interruptor de Notificações fica ligado sem avisar nadaオープン
難易度 2/5 1〜3時間 初心者へのやさしさ 76/100
melgarafael/DeskcommCRM#3164 ·
メンテナーはふだん 1 日以内に返信