機械が理解しやすいマークアップのサンプル

UIのマークアップ例

悪い例

この例では、入力欄やチェックボックスとラベルが関連付けられていない問題があります。

ユーザー名
パスワード
次回から入力を省略

良い例

メニュー

menu要素の例

この例は、ブラウザーで実装されていないため、動作しません。

新規作成 開く... 共有...

WAI-ARIAで表現する例

この例では、WAI-ARIAを使ってメニューを表現しています。

この例では、メニュー項目は矢印キーで選択できます。

ブラウザーのコンソールに表示される内容