コンテンツ
この記事は、ウェブデザイナーと開発者向けの世界で最も売れている雑誌である.netマガジンの231号に最初に掲載されました。
ユーザーインターフェイス(UI)ウィジェットを作成すると、HTML要素の複合体になる可能性があります。一般的に言って、ウィジェットの外観や使用可能なコントロールに基づいて、ウィジェットの機能やページ内でのウィジェットの役割を誰かが理解するのは簡単です。ただし、その全体的な視点は支援技術(AT)には明らかではなく、(もちろん)それがARIAの出番です。
ARIA、または完全なタイトルを付けるためのアクセシブルなリッチインターネットアプリケーションを使用して、ウィジェットに役割を与えることができます。または、別の見方をすれば、ARIAロールを使用して、HTML要素のバンドルについて単一のエンティティであるかのようにATに何かを伝えることができます。
ARIA 1.0仕様には、役割の分類法が含まれています。 73の異なる役割の特性と特性を、4つの高レベルのカテゴリーにグループ化して説明します。
最初のカテゴリは、12の抽象的な役割を定義します。プログラミング時に抽象クラスがインスタンス化されないのと同じように、コード内で抽象ロールを使用しないでください。これらは、概念レベルでさまざまなタイプの役割を説明しているため、分類法自体の中でのみ使用されます。
役割
1つの抽象的な役割が他の役割とは一線を画しています。ロール(抽象ロール)は、分類法の他のすべてのロールが継承する基本ロールです。その他の抽象ロールには、入力(抽象ロール)、ランドマーク(抽象ロール)、およびウィジェット(抽象ロール)が含まれます。
例としてウィジェット(抽象的な役割)を取り上げましょう。これは、分類法の他のすべてのウィジェットの役割がその下にある包括的な役割について説明しています。 ARIA仕様での説明は次のとおりです。
「グラフィカルユーザーインターフェイス(GUI)のインタラクティブコンポーネント。ウィジェットは、ユーザーが対話できる個別のユーザーインターフェイスオブジェクトです。」
これは、34のウィジェットロールを定義する次のカテゴリにきちんとつながります。ウィジェットは、スタンドアロンにすることも、組み合わせてより複雑なUIコンポーネントを作成することもできるインタラクティブなコントロールです。これらの役割のうち9つは、他のウィジェットをカプセル化してより複雑なコントロールを形成するために使用できるコンテナーを定義します。
ウィジェット
残りの25の役割は、独立して、または複雑な複合コントロールの一部として使用できるウィジェットを定義します。たとえば、tablistの役割を持つ要素には、tabの役割を持つ複数の要素を含めることができます。タブパネルの役割を持つ対応する要素のセットと組み合わせて使用すると、それらが組み合わされて、複合タブ付きインターフェイスが形成されます。アラート、チェックボックス、ダイアログなどの役割を持つ要素は、より複雑なUIコントロールの一部にすることも、スタンドアロンにすることもできます。
3番目のカテゴリは、18のドキュメント構造の役割を定義します。これらの役割は、見出し、リスト、ツールバーなどの一般的なコンテンツ構成を記述します。ウィジェットの役割とは異なり、ドキュメント構造の役割は原則としてインタラクティブではありません。
最後のカテゴリは、8つの画期的な役割を定義します。これらはWebページのさまざまなセクションに適用でき、ATがナビゲートするために使用できるランドマークを提供します。このカテゴリ内の役割には、バナー、メイン、およびナビゲーションが含まれます。
CreativeBloqでデザイナーのための20の最高のワイヤーフレーミングツールを発見してください。