【夏休み企画】#IT用語一問一答【毎朝投稿16日目】ARIA

この記事を読むと、、

• 「関連用語」を使って「ARIA」を説明できるようになる
• 「ARIA」がもっと好きになる(多分)

関連用語

Accessibility / semantic HTML

[復習用] 記事の内容を見る前に上記の言葉で「ARIA」を説明してみよう！

企画説明

• クラウドって何？って人に聞かれて説明してるけど俺もよく知らないや、、
• ドキュメント読んでみてるけど半分くらい何言ってるか分かんない、、
• 今日の夕飯はナスの炒めものにしよっかな〜、あれ、NASってなんだっけ？

みたいなことが結構あったので、知ったかしていたIT用語を毎日一個ずつちゃんと学んでいこうっていう企画です！

昨日の記事はこちら↓

ARIAとは

ARIA = WAI-ARIA = Web Accessibility Initiative - Accessible Rich Internet Applications = Webページ内の動的要素を障がいを持つユーザーにも使いやすくする技術

• Accessibility = 障がいのあるユーザーを含め多くの人がサービスを利用可能な状態

  • SEO的にも大事
  • ex. 音声読み上げ
  • ex. マウスを使わずにキーボードで操作できる

• semantic HTML = 使用目的に適したHTML要素を使うこと

  • Accessibilityを考える上での基本、その上で必要ならARIAを用いる
  • ex. 脳死でdivを唱えない

• 「わい、ありあ」と読む

  • なんJとは無関係

• ARIAには3つの機能がある

  1. Roles = 要素が何であるか
     • ex. role="navigation"
  2. Properties = 要素がどんな属性を持つか
     • ex. aria-required="true"
  3. State = 要素が今どんな状態か
     • ex. aria-disabled="true"

参考資料

• https://en.wikipedia.org/wiki/WAI-ARIA
• https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA
• https://developer.mozilla.org/en-US/docs/Learn/Accessibility/WAI-ARIA_basics