Hacktoberfest 2026:メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

[Feature Request][Side Navigation][A11Y]: Enhance user experience navigating components tree items

オープン 初心者向け
#14,232 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

メンテナーはふだん 3 日以内に返信

まだ誰も着手していません。

評価

難易度
2/5
見積もり時間
1〜3時間
初心者へのやさしさ
72/100
issue の種類
機能追加
明瞭さ
明確に書かれている
活発さ
活発
技術スタック
typescript

調査の方向性

Side Navigation コンポーネントで aria-roledescription="Navigation List Tree" を検索し、ツリー項目の実装とアクセシビリティテストを読んでください。ツリー項目からカスタムの説明を削除し、その後、該当する Side Navigation テストを実行してください。ツリー項目が標準のロール説明を上書きしなくなり、テストが成功すれば完了です。

索引モデルが issue の本文から書いたものです。

説明

Feature Request Description

Tree items in Side navigation have a custom aria-roledescription="Navigation List Tree" that is unnecessary and makes user experience worse.
Explanation for the change:
The custom aria-roledescription="Navigation List Tree" overrides how the role is announced. Screen readers announce the custom string instead of the standard “tree view”, so users don’t get the familiar cue that this is a tree widget.
This goes against the WAI-ARIA 1.2 authoring guidance for aria-roledescription: authors should use it only to clarify the purpose of an element whose role doesn’t convey it, and not to rename a well-known interactive role.
It is also unclear whether this value is localized. If it remains a hardcoded English string, it would be announced in English on non-English pages, which adds a further risk for users of localized versions.
As a result, the role is not communicated to assistive technology users in a recognizable way, which affects 4.1.2 Name, Role, Value (Level A).
Help links:
Understanding Success Criterion 4.1.2: Name, Role, Value | WAI | W3C
https://www.w3.org/TR/wai-aria-1.2/#aria-roledescription

Proposed Solution

Remove custom aria-roledescription="Navigation List Tree" from tree items

Proposed Alternatives

No response

Organization

SAP UDEx

Additional Context

No response

Priority

Low

Privacy Policy
  • I’m not disclosing any internal or sensitive information.
主要言語
TypeScript
スター
1.8k
フォーク
290
平均マージ
3日 12時間
マージ済み PR(30日)
51

環境構築

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

UI5/webcomponents のほかの issue

UI5/webcomponents の issue をすべて見る

似ている issue

TypeScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。