本文へ移動
cccskills
無料GitHub で公開日本語紹介

ui-accessibility

IntelliJベースの画面を、キーボード操作、フォーカス移動、読み上げ用ラベルや動的な通知の観点から点検するアクセシビリティレビュー用スキルです。

原文原文の説明を見る

Review IntelliJ UI accessibility for keyboard, focus, and labels.

JetBrains/intellij-communityスター 20,664(GitHub 20,664 + cccskills 0)

実行スコア 未検証

インストール方法を見る

こんなときに便利

  • キーボードだけで操作できるか確認したいとき
  • ダイアログのフォーカス順を点検したいとき
  • 読み上げラベルや通知を見直したいとき
  • UI変更後のアクセシビリティを確認したいとき

日本語での紹介

できること

IntelliJベースのIDEやプラグインのUIを、キーボード、フォーカス、スクリーンリーダー、色のコントラスト、拡大表示、ローカライズなどの観点で点検します。SwingやKotlin UI DSLでは、既定のアクセシビリティ情報が不足・不正確な場合に限って、名前、役割、状態、値、変更通知を補う方針を示します。Tabによる移動順やフォーカスの抜け道、Escapeでの終了、動的な検索結果やエラーの通知など、画面上で確認する項目も整理できます。

こんなときに便利

IntelliJ UIを新しく作る、変更する、またはレビューする場面に向いています。ダイアログやポップアップのキーボード操作、フォーカス順、読み上げ時の情報不足を確認したいときに使えます。

使い方の例

  • 「この画面をキーボードだけで操作できるか確認してください」
  • 「Tab順と画面の配置が合っているかレビューしてください」
  • 「読み上げ名や動的な結果通知の不足を指摘してください」

注意点

スクリーンリーダーを使った確認は、資料では実施可能な場合の検証方法として挙げられています。WindowsではNVDAまたはJAWS、macOSではVoiceOverが例示されています。

この紹介文は、公開されている SKILL.md をもとに AI(OpenAI Codex)が作成しました。正確な仕様は下の原文を確認してください。

含まれるファイル(1)

  • SKILL.md7.0 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

<!-- Generated by community/.ai/render-guides.mjs; edit community/.agents/skills/ui-accessibility/SKILL.md -->

IntelliJ UI Accessibility

Use this skill when creating, changing, or reviewing UI in an IntelliJ-based IDE, including plugin UI. Do not use it just because a feature has a UI surface if the work is not on the UI itself. It covers accessibility expectations for Swing, Kotlin UI DSL, and other UI stacks, plus review and verification checks for keyboard use, screen readers, focus, labels, dynamic feedback, contrast, scaling, and localization.

Primary References

Follow WCAG 2.2 as the primary accessibility standard.

Swing And Kotlin UI DSL

Accessible context details are relevant only for Swing-based UI, including Kotlin UI DSL.

  • For custom Swing components and custom renderers, provide the correct accessible name, role, state/value, and property-change notifications.
  • Accessible names are often inferred from component text, tooltip text, or JLabel.setLabelFor(). Set or override the accessible name only when the inferred name is absent, ambiguous, or incorrect.
  • Do not include the component role in the accessible name. For complex custom components, combine visible title, subtitle, icon meaning, and other visible parts needed to understand the component.
  • Modify AccessibleContext and its properties only when implicit metadata is missing, insufficient, or incorrect.
  • Prefer direct component.getAccessibleContext().accessibleName = ... / accessibleDescription = ... for assigning one already-known value.
  • Use AccessibleContextUtil when it adds value: copying metadata from another component, combining multiple accessible strings, avoiding duplicate descriptions, setting an accessible parent, or normalizing multiline text for screen readers.
  • Do not add accessibility properties or fire accessibility events preemptively. Rely on Swing/Kotlin UI DSL defaults when names, roles, state, values, focus behavior, and events are already correct; customize them only to fix a concrete guideline violation or missing screen-reader signal.
  • Use accessibleDescription in rare cases for supplementary text that already exists in the UI but is not otherwise read when the related component receives focus, such as comments, banners, hints, warnings, or inline explanations. Do not invent a separate description from scratch or duplicate the visible label/state.
  • Use AccessibleRole.LABEL for plain text content and AccessibleRole.TEXT for editable or selectable text fields/text areas. Use the specific button role that matches behavior: PUSH_BUTTON, RADIO_BUTTON, TOGGLE_BUTTON, or HYPERLINK.
  • Override accessible state when custom state such as checked, selected, expanded, or editable is not exposed correctly. Fire accessible property-change events when state, selection, value, text changes must be announced to assistive technologies.
  • For custom components from scratch, check similar Swing components for which AccessibleAction, AccessibleText, AccessibleSelection, AccessibleValue, or other Accessible* interfaces they implement before choosing interfaces manually.
  • Screen readers automatically announce accessible property changes of the focused component. Use AccessibleAnnouncerUtil.announce() for the most important changes outside the focused component or changes that do not fit existing property-change support.
  • Check AccessibleAnnouncerUtil.isAnnouncingAvailable() when code depends on announcement support.
  • Use ScreenReader.isActive() only for the rare behavior that must differ for screen reader users. By default, the UI should behave the same for all users.

Other UI Stacks

  • For Compose, JCEF, or other non-Swing UI, apply the same accessibility goals with that stack's own semantics, focus, keyboard, and testing mechanisms.

Review Workflow

Check the UI before finishing code changes:

  • Keyboard-only operation works, focus order is predictable, and focus does not get trapped. Only interactive components are keyboard-focusable, and they can be activated with Space or Enter when focused.
  • Tab moves focus to the next focusable component and Shift+Tab moves it to the previous one. This applies for every focusable surface: dialogs, popups, tool windows, and embedded panels.
  • Focus stops follow the visual layout order.
  • Every focus stop shows a focus indicator that is not clipped or overlapped.
  • Escape closes dialogs and popups. From a tool window it returns focus to the editor when that is the expected exit path.
  • Treat anything that redefines traversal as a prompt to verify the cycle. Look for: focusTraversalKeysEnabled = false; a Tab/Shift+Tab key binding or a component that consumes the key; a custom FocusTraversalPolicy.
  • When you find one, walk the cycle and confirm three things: every interactive control is reachable, the order matches the layout, and focus escapes both forward and backward.
  • If Tab currently does something other than move focus, the recommended fix is to move that behavior to a non-traversal key and leave Tab and Shift+Tab for traversal. Keep a Tab override only where it is a platform convention users already expect, such as Tab completing inside an open completion popup, and scope it to that state alone.
  • Non-interactive labels and panels are not focusable unless critical important information would otherwise be unavailable to screen reader users; gate that behavior with ScreenReader.isActive().
  • New popups, modal dialogs, and dynamic content either receive focus or have a keyboard path to reach them. Do not move focus unexpectedly while users interact with lists or dropdowns.
  • Container components such as lists, trees, tables, support the arrow-key navigation between items.
  • Important dynamic feedback, such as validation results, search results, and background task completion, is announced or otherwise reachable.
  • Color is not the only signal; contrast, focus visibility, and font/UI scaling remain usable.
  • User-visible accessibility text is localized through message bundles.
  • The UI adapts to the IDE zoom level.

Verification

  • Walk the UI using only the keyboard.
  • Test with a supported screen reader when practical: NVDA or JAWS on Windows, VoiceOver on macOS.
  • Use UI Inspector to examine accessible names, descriptions, roles, and states. Enable "Show Accessibility Issues" to investigate suspected issues or validate custom UI behavior; it is not normally required for routine verification.
  • When keyboard traversal is in scope, list the focus stops in Tab order and compare that order against the visual layout. Note any key that overrides traversal and what it does instead.
  • In code reviews or final notes, explicitly state what accessibility paths were checked and what remains manual.

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

コメント

ログインなしで書き込めます。使ってみた感想、質問、動かなかった環境などを気軽にどうぞ。

まだコメントはありません。最初のコメントを書いてみませんか。

送信するとすぐに公開されます。メールアドレスや電話番号などの個人情報は書かないでください。URL は 2 つまでです。

0 / 1000 文字

このフォームは reCAPTCHA で保護されており、Google のプライバシーポリシーと利用規約が適用されます。

同じリポジトリのスキル

actions

無料概要あり

IntelliJプラグインのAnActionと登録設定を実装・変更し、表示文言やアイコンの定義、非同期処理の起動方法を整えます。

  • IDEに新しいアクションを追加したいとき
  • アクションの登録やアイコンを変更したいとき
  • 表示名と説明文の定義を整理したいとき
JetBrains/intellij-community2.1万2026年10月26日 更新

bazel-test-migration

無料概要あり

IntelliJのJPSテストモジュールをBazelへ移行し、Bazelだけで起きる失敗を依存関係や実行環境から切り分ける手順を案内します。

  • JPSテストをBazelへ移行したいとき
  • Bazelだけで起きるテスト失敗を調べたいとき
  • テストの依存関係やデータ設定を確認したいとき
JetBrains/intellij-community2.1万2026年10月26日 更新

code-style

無料概要あり

IntelliJのKotlin・Javaコードを新規作成やレビューする際に、言語の選び方、書式、型の扱い、例外処理などのプロジェクト規約に沿って整えるスキルです。

  • IntelliJ規約に沿ってKotlinを書きたいとき
  • Javaコードをレビューしたいとき
  • 例外処理やsealed型の分岐を確認したいとき
JetBrains/intellij-community2.1万2026年10月26日 更新

commits

無料概要あり

IntelliJ向けの変更を適切な単位に分け、チケットの有無に応じた形式で、理由や判断も伝わるコミットメッセージを作成・修正するスキルです。

  • チケット付き変更のメッセージを作りたいとき
  • テストやドキュメントのコミットを整理したいとき
  • 既存のコミットメッセージを修正したいとき
JetBrains/intellij-community2.1万2026年10月26日 更新

compare-python-typecheckers

無料概要あり

Pythonコードの型推論や型エラーを複数の型チェッカーで比較し、各ツールの判定と診断内容をまとめたレポートを作成します。

  • 型推論の違いを比較したいとき
  • 型エラーになるか確かめたいとき
  • 複数チェッカーの診断を見比べたいとき
JetBrains/intellij-community2.1万2026年10月26日 更新

compose-ui-architecture

無料概要あり

Compose Desktopの画面で状態や副作用をどこに持たせるか整理し、表示と判断の境界、再利用部品やリストの設計を整えます。

  • 画面とプレゼンターの責務を分けたいとき
  • UI状態の置き場所を整理したいとき
  • Effectやコルーチンの使い方を見直したいとき
JetBrains/intellij-community2.1万2026年10月26日 更新

JetBrains のスキルをすべて見る

このスキルの問題を報告する