グリッド要素でaria comboboxの役割を使用するにはどうすればいいですか？

Question

私はアクセス可能なカレンダープラグインを作成しようとしていますが、手入力で日付を書き込んだり、テーブルから日付を選択することができます。私は、WAI-ARIAを使用していると私は私が正しく指示に従ってていると思うが、クローム開発ツールアクセシビリティ監査は私に

指示の下に見誤り与える：

https://www.w3.org/TR/wai-aria-1.1/#combobox

https://www.w3.org/TR/wai-aria-1.1/#grid

を例：

https://www.w3.org/TR/wai-aria-practices-1.1/examples/combobox/aria1.1pattern/grid-combo.html

エラー：

https://i.stack.imgur.com/OIX1f.png

マイコード：

<div class="container"> 
    <label for="comboboxtextbox">the label</label> 
    <div role="combobox" aria-expanded="true" aria-owns="comboboxgrid" aria-haspopup="grid"> 
     <input role="textbox" aria-multiline="false" id="comboboxtextbox" type="text" aria-controls="comboboxgrid"> 
    </div> 
    <table role="grid" id="comboboxgrid"> 
     <tbody> 
      <tr> 
       <th>one</th> 
       <th>two</th> 
       <th>three</th> 
      </tr> 
      <tr> 
       <td role="gridcell">1</td> 
       <td role="gridcell">2</td> 
       <td role="gridcell">3</td> 
      </tr> 
     </tbody> 
    </table> 
</div> 

Answer 1

エラーメッセージは、コンボボックスの役割を持つものは、子要素を必要としていたが、それはあなたのマークアップでそれらを見つけることができないと言っています。 some changes to the combobox roleがありますので、古い例から作業している場合は古くなってしまいます。 divとtableの両方からrole属性を削除して、それが役立つかどうか確認してください。