OK

• ✓選択状態は aria-pressed="true|false"。
• ✓件数表示は filter-chip-count。

NG

• ✕単一選択しか許さない設問に並べない → radio。
• ✕チップ形状を独自シェイプに変えない → 何個選べるか直感が崩れる（guidelines 参照）。

選択中は色に加えチェックマークでも示す。色を区別できなくても選択が分かる。

<button class="filter-chip" aria-pressed="true">
  …<span class="filter-chip-check">…✓</span>
</button>

チェックを外し背景色だけで選択を示すと、色を区別できない人に伝わらない。

<button class="filter-chip">  <!-- チェックなし・色のみ -->
  <span class="filter-chip-label">自治体連携</span>
</button>

aria-pressed でトグル状態を伝える。SR が「押されている」と読む。

<button class="filter-chip" aria-pressed="true">教育機関</button>

aria-pressed が無いと、見た目が選択でも SR には状態が伝わらない。

<button class="filter-chip">教育機関</button>  <!-- aria-pressed なし -->