アクセシビリティ/XUL アクセシビリティリファレンス

このページは編集者または閲覧者により、技術レビューの必要があると判断されました。 全体のレビューが終わるまで、不正確あるいは誤った情報を含む可能性があります。

この表は、さまざまなXUL要素タイプのテキストを適切に公開する方法を示しています。 太字の部分は、ビジュアルレイアウトで見過ごされがちな部分に注意を促します。下線付きのテキストは、スクリーンリーダーで読み取ることができます。

要素 可能な使用方法 コメント
description
<description value="<!--Text-->" />
<description><!--Label Text--></description>
ラベル無しのテキストに使います。チュートリアルでは、label とdescription は、同じの基本実装ですが、description 要素は、 abel とは対照的に、コントロールと正しく関連付けられていないように見えます。
label
<label control="controlID" value="<!--Label Text-->" />
<label control="controlID"><!--Label Text--></label>
どちらの書式でも問題ありません。
button
<button label="<!--Button Text-->" />
<button id='butwrap1'>
  <label control='butwrap1'>
    <!--Wrapped Label-->
  </label>
</button>
<button id='butwrap2'>
  <label control='butwrap2' value="<!--This-->" />
  <label control='butwrap2' value="is" />
  <label control='butwrap2' value="a" />
  <label control='butwrap2' value="button" />
</button>
<button image="images/img.xbm" tooltiptext="<!--Button Text-->"/>
3 つ目の例では、最初のラベルだけ読み取られます。
browser JAWS 7.10 issues

HTMLで browser 要素を使用するには、type = "content"属性を指定する必要があります。ただし、この属性が原因で、ブラウザにロードされたXULにJAWS 7.10の問題が発生します。 window クラスを使ってダイアログではなくコンテンツであると判断し、XULのコンテンツモードはサポートしていません。したがって、JAWS 7.10では、ブラウザ内でXULを使用するため、type属性は使用できません。

caption   groupbox 参照
checkbox
<checkbox label='<!--Label Text-->' />
 
colorpicker
<colorpicker type="button" palettename="standard" />
colorpicker が最初にフォーカスを取得した合、colorpickerはカラー値を読み取ります。
column   grid 参照
columns   grid 参照
command   キーボードショートカットチュートリアル 参照
commandset   キーボードショートカットチュートリアル 参照
deck   現在選択されている deck レイヤーだけがフォーカスされます。
grid   grid 内のテキストを読み取ることはできますが、JAWSは grid をテーブル読み取りモード用のテーブルとして認識しません。
groupbox
<groupbox>
  <caption label="<!--Group label-->" />
  <hbox>
    <button label="<!--Button Text-->" />
  </hbox>
</groupbox>
 
iframe JAWS 7.10 issues JAWS 7.10のテストで、iframe要素を使用すると、iframeの内部でXULに予測できない多くの問題が発生します。 iframeの内部でHTMLを使用するようにしてください。 詳細については、browser要素を参照してください。
image
<image src="images/img.xbm" tooltiptext='<!--Image Label-->'/>
 
key   キーボードショートカットチュートリアル 参照
keyset   キーボードショートカットチュートリアル 参照
listbox
<label control='listId'><!--Label Text--></label>
<listbox id="listId">
  <listitem value="val" label="<!--Item Text-->"/>
</listbox>
<label control='listId2' value='<!--List label-->' />
<listbox rows="5" id='listId2'>
  <listcols>
    <listcol/>
    <listcol/>
    <listcol/>
  </listcols>
  <listhead>
    <listheader label="Name" />
    <listheader label="Sex" />
    <listheader label="Color" />
  </listhead>
  <listitem>
    <label value="<!--Pearl-->" />
    <label value="<!--Female-->" />
    <label value="<!--Gray-->" />
  </listitem>
</listbox>
JAWSのラベルヘッダーを読むための簡単な方法を見つけることができないようです。 "Pearl Female Grey" 行の項目を読んで下さい。
listitem   listbox 参照
  menulistmenubar 参照
<menubar hidden="false">
  <menu label="File" accesskey="F">
    <menupopup>
      <menuitem label="New" accesskey="N" key="file-new-key"/>
    </menupopup>
  </menu>
</menubar>
 
<label value="<!--Label Text-->" control="comboId" />
<menulist id="comboId">
  <menupopup>
    <menuitem label="<!--Option1-->" />
    <menuitem label="<!--Option2-->" selected="true" />
    <menuitem label="<!--Option3-->" />
  </menupopup>
</menulist>
 
  menulistmenubar 参照
  popupset 参照
popupset   ポップアップのキーボードアクセスには注意してください。 popup 属性を介してポップアップにアクセスする方法は見当たりません。 context = "popupId"を使用すると、WindowsおよびLinuxでShift + F10を使用してアクセスできます。
progressmeter
<progressmeter mode="determined" value="10" />
progressmeter が進むにつれて、JAWSはユーザーにパーセンテージを示します。
radio   radiogroup 参照
radiogroup
<label value='<!--Radio Group-->' control='radioId' />
<radiogroup id='radioId'>
  <radio selected="true" label='<!--Option1-->' />
  <radio label='<!--Option2-->' />
</radiogroup>
 
row   grid 参照
rows   grid 参照
stack   他の何かの下に隠れて表示されなくても、すべての要素をフォーカスすることができます。
statusbar
<statusbar>
  <statusbarpanel label="<!--Status Bar-->" flex="1"/>
</statusbar>
insert + page down で、JAWSを使って読みます。
statusbarpanel   statusbar 参照
tab   tabbox 参照
tabbox
<tabbox>
  <tabs>
    <tab label="<!--Tab Text-->" />
  </tabs>
<tabpanels>
  <tabpanel orient="vertical">
    ...
  </tabpanel>
</tabpanels>
tabboxをフォーカスすると、選択したタブにフォーカスが設定され、左右の矢印キーを使用して別のタブを選択できます。
tabbrowser JAWS 7.10 issues JAWS 7.10のテストで、tabbrowser要素を使用すると、iframeの内部でXULに予測できない多くの問題が発生します。 tabbrowserの内部でHTMLを使用するようにしてください。 詳細については、browser 要素を参照してください。
tabpanel   tabbox 参照
tabpanels   tabbox 参照
tabs   tabbox 参照
textbox
<label control="inputId">
  <!--First name:-->
</label>
<textbox id='inputId'>
 
tree
<tree hidecolumnpicker="true" >
  <treecols>
    <treecol label="Cats" primary="true"/>
  </treecols>
  <treechildren>
    <treeitem container="true" open="true">
      <treerow>
        <treecell label="<!--Male-->" />
      </treerow>
      <treechildren>
        <treeitem>
          <treerow>
            <treecell label="<!--Aramis-->" />
          </treerow>
        </treeitem>
        <treeitem>
          <treerow>
            <treecell label="<!--Fergus-->" />
          </treerow>
        </treeitem>
      </treechildren>
    </treeitem>
  </treechildren>
</tree>
  • column picker (列ヘッダーの右側に表示されます)または、column headers 自体(列のソートの為)へのキーボードアクセスはありません。これらの機能は、メインメニュー(Firefox 2のブックマークの管理ウィンドウやFirefox 3のPlacesウィンドウなど)など、別の場所で複製する必要があります。
  • JAWS 7.10は column header を読み取ることができません。
  • main treeは、通常のtreeコントロールのようにアクセスできます。
  • Firefoxは、アクセス可能な description [TODO exact format?] によって、各 tree 項目の位置、基数、および深度を公開します。
treecell   tree 参照
treechildren   tree 参照
treecol   tree 参照
treecols   tree 参照
treeitem   tree 参照
treerow   tree 参照

 

スクリーンリーダーに何も公開していない要素/まだアクセシビリティの問題が発見されていない要素:
arrowscrollbox, bbox, box, grippy, hbox, menuseparator, overlay, page, script, spacer, splitter, stringbundle, stringbundleset, vbox, window

まだ処理されていない要素:
action, binding, bindings, broadcaster, broadcasterset, conditions, content, dialog, dialogheader, editor, listcell, member, observes, preference, preferences, prefpane, prefwindow, resizer, richlistbox, richlistitem, resizer, rule, scrollbar, scrollbox, scrollcorner, separator, template, textnode, titlebar, toolbar, toolbarbutton, toolbargrippy, toolbaritem, toolbarpalette, toolbarseparator, toolbarset, toolbarspacer, toolbarspring, toolbox, tooltip, treeseparator, triple, wizard, wizardpage

Cases to revisit:

ドキュメントのタグと貢献者

タグ: 
 このページの貢献者: Uemmra3, gurezo
 最終更新者: Uemmra3,