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

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

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

要素 有効な使用例 コメント
description
<description value="<!--Text-->" />
<description><!--Label Text--></description>
ラベル無しのテキストに使います。チュートリアルでは、label とdescription は、同じの基本実装ですが、description 要素は、label とは対照的に、コントロールと正しく関連付けられていないように見えます。
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 の問題

HTMLで browser 要素を使用するには、type="content" 属性を指定する必要があります。ただし、この属性は、ブラウザーに読み込まれた XUL で JAWS 7.10 の問題が発生する原因となります。JAWS は、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 の問題 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 Gray" のように一行ごとに読み上げられます。
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" />
進捗が進つれて、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>
JAWS では、insert + page down キーで読み上げます。
statusbarpanel   statusbar 参照
tab   tabbox 参照
tabbox
<tabbox>
  <tabs>
    <tab label="<!--Tab Text-->" />
  </tabs>
<tabpanels>
  <tabpanel orient="vertical">
    ...
  </tabpanel>
</tabpanels>
tabbox にフォーカスすると、選択したタブに視覚的なフォーカスが設定され、左右の矢印キーを使用して別のタブを選択できます。
tabbrowser JAWS 7.10 の問題 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 のブックマークの管理ウィンドウなど) 、別の場所からアクセスできる必要があります。
  • JAWS 7.10 は column header を読み上げることができません。
  • main tree は、通常の tree コントロールのようにアクセスできます。
  • Firefox は、アクセシブル記述 [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:

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

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