機械が理解しやすいマークアップのサンプル
UIのマークアップ例
悪い例
この例では、入力欄やチェックボックスとラベルが関連付けられていない問題があります。
ユーザー名
パスワード
次回から入力を省略
良い例
メニュー
menu要素の例
この例は、ブラウザーで実装されていないため、動作しません。
WAI-ARIAで表現する例
この例では、WAI-ARIAを使ってメニューを表現しています。
この例では、メニュー項目は矢印キーで選択できます。
この例では、入力欄やチェックボックスとラベルが関連付けられていない問題があります。
この例は、ブラウザーで実装されていないため、動作しません。
この例では、WAI-ARIAを使ってメニューを表現しています。
この例では、メニュー項目は矢印キーで選択できます。