Skip to content

JwtDecoder: 結果全体の live region を小さい要素に限定する(a11y) #747

Description

@fumtas1k

概要

PR #746 のレビューで「aria-live / role="status" を結果領域全体に付けると、入力 1 文字ごとにスクリーンリーダーへ膨大な再アナウンスが走る」ことが指摘され、SamlDecoder は修正済み(live region を変換ステップ 1 行に限定)。

同じパターンの発生源である JwtDecoder に既存の同一問題が残っている

対象

  • src/components/tools/JwtDecoder.tsx — デコード結果全体(Header / Payload / Signature セクションを含む div)に role="status" aria-live="polite" が付いている

他ツールにも同パターンがないか grep -rn 'aria-live' src/components/tools/ で横断確認し、該当があれば同時に修正する。

対応方針

SamlDecoder(PR #746ebcf2e5)と同じ方針:

  • 巨大 div からは live region 属性を外す
  • 簡潔な状態表示(バッジ行など小さく安定した要素)のみ role="status" にする(aria-live 併記は冗長のため不要)
  • 既存の a11y E2E が壊れないことを確認

参照

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions