Search completed in 0.96 seconds.
ARIA Test Cases - Accessibility
if the currently selected option is changed the new option should be spoken whether the list is open or closed. when the combo box is opened or closed, the new op...
... if the currently selected option is changed the new option should be spoken whether the list is open or closed. when the combo box is opened or closed, the new open/closed state should be spoken. markup used: notes: resu...
... if the currently selected option is changed the new option should be spoken whether the list is open or closed. when the combo box is opened or closed, the new open/closed state should be spoken. markup used: notes: results: at firefox ...
... if the currently selected option is changed the new option should be spoken whether the list is open or closed. when the combo box is opened or closed, the new open/closed state should be spoken. ...
<input>: The Input (Form Input) element - HTML: Hypertext Markup Language
palpable content. permitted content none, it is an empty element. tag omission must have a start tag and must not have an end tag. permitted parents any element that accepts phrasing content. ...
...ent. ...
...o list attribute: textbox with list attribute:
combobox type=image: button type=number: spinbutton type=radio: radio type=range: slider type=reset: button type=search with no list attribute: searchbox with list attribute:
combobox type=submit: button type=tel with no list attribute: textbox with list attribute:
combobox type=text with no list attribute: textbox with list attribute:
combobox type=url with no list attribute: textbox with list attribute:
combobox type=color|date|datetime-local|file|hidden|month|password|time|week: no corresponding role permitted aria roles type=button: link, menuitem, menuitemcheckb...
... l...
Accessibility API cross-reference
command a supporting section of the document, designed to be complementary to the main content at a similar level in the dom hierarchy, but remains meaningful when separated from the main content. ...
... command a supporting section of the document, designed to be complementary to the main content at a similar level in the dom hierarchy, but remains meaningful when separated from the main content. complementary <aside> n/a ...
...atures may be provided with aria. see also span n/a n/a n/a <div> <div> but if you need custom semantic structure, use <nonstruct> instead window that corresponds to an mdi document. in aria, used to nest browsable rich text content inside interactive content document n/a n/a document document a drop down list, different from
combobox droplist n/a n/a listbox for math & chemistry equation n/a n/a math a scrollable list of articles where scrolling may cause articles to be added to or removed from either end of the list. feed a landmark region that contains a collection of items and objects that, as a whole, combine ...
Mozilla accessibility architecture
shtmltablecellaccessible(domnode, weakpresshell); special exception: traversal overloading in some cases the necessary accessible children are not in the dom subtree for a node. this is the case for: nshtmlimageaccessible: in msaa an image accessible can have accessible children if it has an image map. the children are the image map areas, which are in a different part of the dom tree. nshtml
comboboxaccessible: an html combo box doesn't have a dom node or anonymous content for its s textfield, button or list. in the future xbl form controls may be used, in which case there will be dom content for these sub-parts, and we will not need to override the traversal methods. that is why we don't need to override these traversal methods for nsxul
comboboxaccessible (<menulist>). nsouterdocaccessible...
...d by the tree itself to get the text for each row, column in the tree. in all of these accessible implementations we override nsiaccessible::getaccchildcount(), ::getaccfirstchild() and ::getacclastchild(). in this way we avoid the normal nsaccessibletreewalker traversal methods and create whatever child accessibles we want. when there is no dom node for each accessible, as is the case for nshtml
comboboxaccessible and nsxultreeitemaccessible, we also need to override the shutdown() method, so that the children get removed from memory when the parent is shutdown. in that case we also override ::getaccnextsibling(), ::getaccprevioussibling() for the dom-less children; otherwise they do not know how to find each other. it is also useful to override these the child getters to return nothing, as we do...
...e: some accessible children are generated by the accessible parent, because they have no dom node. these accessibles cannot be shutdown by traversing the dom, because their cache entry is not based on their dom node. therefore, the parent that generates these accessibles must also be responsible for shutting them down when their shutdown() method is called. this is currently implemented for nshtml
comboboxaccessible as wells as nsxultreeaccessible. 6. future directions in general, the accessible api module work should now be coming to a conclusion. unfortunately, we still are not fully working with any major screen reader, screen magnifier or voice dictation product on the market. we hope to change that soon, and are working with the major vendors (and gnopernicus on linux/unix) to achieve this. i...
Gecko Roles
designated read-only. role_pushbutton represents a push button control. role_checkbutton represents a check box control. role_radiobutton represents an option button, also called a radio button. it is one of a group of mutually exclusive options. all objects sharing a single parent that have this attribute are assumed to be part of single mutually exclusive group. role_
combobox represents a combo box; an edit control with an associated list box that provides a set of predefined choices. role_droplist represents the calendar control. role_progressbar represents a progress bar, dynamically showing the user the percent complete of an operation in progress. role_dial represents a dial or knob whose purpose is to allow a user to set a value. r...
...ols. role_ime an object which is used to allow input of characters not found on a keyboard, such as the input of chinese characters on a western keyboard. role_app_root ??? role_parent_menuitem represents a menu item, which is an entry in a menu that a user can choose to display another menu. role_calendar a calendar that allows the user to select a date. ...
...low input of characters not found on a keyboard, such as the input of chinese characters on a western keyboard. role_app_root ??? role_parent_menuitem represents a menu item, which is an entry in a menu that a user can choose to display another menu. role_calendar a calendar that allows the user to select a date. role_
combobox_list a list of items that is shown by
combobox. role_
combobox_option a item of list that is shown by
combobox role_image_map an image map -- has child links representing the areas role_option an option in a listbox role_rich_option a rich option in a listbox, it can have other widgets as children role_listbox a list of options editor's note: use template role_ to get reference on accessible role. it ...
nsIAccessibleProvider
er, but no accessible is desired for the inheriting binding. outerdoc 0x00000001 for elements that spawn a new document. for example now it is used by <xul:iframe>, <xul:browser> and <xul:editor>. ...
... used for xforms full select/select1 elements that may be represented by group of checkboxes and radiogroup. xformsitemcheckgroup 0x00002012 used for xforms item element that is used inside xforms select elements represented by group of checkboxes. xformsitemradiogroup 0x00002013 used for xforms item element that is used inside xforms select1 elements represented by radio group. xformsselect
combobox 0x00002014 used for xforms select1 element that is represented by
combobox. xformsitem
combobox 0x00002015 used for xforms item element that is used inside xforms select1 elements represented by
combobox. xformsdropmarkerwidget 0x00002101 used for dropmarker widget that is used by xforms elements. xformscalendarwidget 0x00002102 used for calendar widget that is used by xforms elements. xfo...
...00002014 used for xforms select1 element that is represented by
combobox. xformsitem
combobox 0x00002015 used for xforms item element that is used inside xforms select1 elements represented by
combobox. xformsdropmarkerwidget 0x00002101 used for dropmarker widget that is used by xforms elements. xformscalendarwidget 0x00002102 used for calendar widget that is used by xforms elements. xforms
comboboxpopupwidget 0x00002103 used for popup widget that is used by xforms minimal select1 elements. ...
ARIA: textbox role - Accessibility
a text field is read-only, indicated this by setting aria-readonly="true" on the element. associated aria properties aria-activedescendent attribute taking as it's value the id of is either a descendant of the element with dom focus or is a logical descendant as indicated by the aria-owns attribute, it indicates when that element has focus, when it is part of a composite widget such as a
combobox. for example, in a
combobox, focus may remain on the textbox while the value of aria-activedescendant on the textbox element refers to a descendant of a popup listbox that is controlled by the textbox.this attribute must be updated programmatically as the focus changes. aria-autocomplete attribute indicates whether and how the user's input into the field could trigger display of a prediction of...
...lection of values, with the text needed to complete one value inserted after the caret. none (default): predicted text is not offered. if list or both is set, the aria-controls and aria-haspopup attributes should also be included. the value of aria-controls is the id of the element that contains the list of suggested values. additionally, either the textbox or a containing element with role
combobox has a value for aria-haspopup that matches the role of the element that contains the list of suggested values. aria-multiline attribute if aria-multiline="true" is set, the at informs the user that the textbox supports multi-line input, with the expectation that enter or return will create a line break rather than submitting the form. aria does not alter the behavior of the element; rather t...
.... in a multi-line use (when aria-multiline is true), return or enter key inserts a line break. javascript features all features associated with any and all properties and states must be maintained, and forms submission on enter or return on a single line textbox needs to be handled. focus event handler and aria-activedescendent attribute if you are implementing a composite widget, such as a
combobox composed of a text box and a listbox, you need to manage the aria-activedescendent attribute using a handler. before using this technique, ensure that the browsers you need to target currently support it. see the specification of aria-descendent for further information. it is a better practice to use an <input> element with type="text", or a <textarea> element instead of the aria textbox role.
Implementing a Microsoft Active Accessibility (MSAA) Server - Accessibility
racter role_list [important] role_listitem [important] role_outline [important] role_outlineitem [important] role_pagetab [important] role_propertypage [important] role_indicator role_graphic [important] role_statictext [important] role_text [important] role_pushbutton [important] role_checkbutton [important] role_radiobutton [important] role_
combobox [important] role_droplist [important] role_progressbar [important] role_dial role_hotkeyfield role_slider role_spinbutton role_diagram role_animation role_equation role_buttondropdown role_buttonmenu role_buttondropdowngrid role_whitespace role_pagetablist [important] role_clock role_splitbutton role_ipaddress role_nothing ...
...tyle bits for a window, so at products only look for it only when necessary. in fact, when a control has its own window, it's easy for a 3rd party application to know whether the object is disabled, focused, hidden, checked, etc. some assistive technologies will look for msaa if it doesn't already know that the given window class is used for something common. common examples are button, listbox,
combobox, msctls_statusbar32, msctls_trackbar32, #32770 (dialog class), systreeview32, static, edit and richedit. other assistive technologies use a whitelist, and must list your window classes somewhere in their implementation, and then turn on msaa support when a window of that class receives focus. the window class is also used to determine a host of hard-coded behaviors, such as whether or not a scree...
...at vendors have typically spent the most time making windows with these classes work, so they are fully debugged. in addition, the user comes to expect appropriate behavior for status bars, dialog boxes and tree views based on the fact that most apps use the standard control. unfortunately, th...
Mozilla XForms User Interface - Archive of obsolete content
xforms element to show and change the instance data to which it is bound. usually bound to data that can be well-represented by a string (see the spec). it can have the following representations: text field - default representation. used for most data types, especially text data. checkbox - used for boolean instance data datepicker - default representation for date data types. similar to a
combobox. consists of a text field for direct input and a dropdown calendar that can also be used to input the date value. calendar - used for date data types when appearance = 'full'. days list - used when the data has a data type of day. months list - used when the data has a data type of month. number field - used for numerical data types. secret used for inputting passwords. each character ty...
...ec). it can have the following representations: button - default representation. link/clickable text - used when appearance = 'minimal'. select list control. allows the user to choose one or multiple values from a list of pre-defined values (see the spec). it can have the following representations: listbox - default representation checkbox group - used when appearance = 'full' select1
combobox control. allows the user to choose a single value from a list of pre-defined values (see the spec). it can have the following representations:
combobox - default representation listbox - used when appearance = 'compact' radio group - used when appearance = 'full' additional elements these elements may be used as child elements to the form controls described above. label specifies the labe...
Gecko info for Windows accessibility vendors
role_droplist not supported. n/a role supported? unique features role_progressbar xul: <progressmeter> dhtml: role="wairo...
... fires event_state_change when checkbox is toggled role_radiobutton xul: <radio> html: <input type="radio"> dhtml: role="wairole:radio" fires event_state_change when radiobutton is set role_
combobox xul: <menulist> html: <select size="1"> dhtml: role="wairole:
combobox" fires event_valuechange when current
combobox option changes. role_droplist not supported. n/a role supported? unique features role_progressbar xul: <progressmeter> dhtml: role="wairole:progressbar" fires event_valuechange when progressbar moves by at least 3% ...
nsIAccessibleRole
checkbox, html:input@type="checkbox", role="checkbox", boolean xforms:input. role_radiobutton 45 represents an option button, also called a radio button. it is one of a group of mutually exclusive options. all objects sharing a single parent that have this attribute are assumed to be part of single mutually exclusive group. it is used for xul:radio, html:input@type="radio", role="radio". role_
combobox 46 represents a combo box; an edit control with an associated list box that provides a set of predefined choices. it is used for html:select, xul:menulist, role="
combobox". role_droplist 47 represents the calendar control. it is used for date xforms:input. role_progressbar 48 represents a progress bar, dynamically showing the user the percent complete of an operation in progress. it is used f...
...ent an html:form. role_ime 110 an object which is used to allow input of characters not found on a keyboard, such as the input of chinese characters on a western keyboard. role_app_root 111 role_parent_menuitem 112 represents a menu item, which is an entry in a menu that a user can choose to display another menu. role_calendar 113 a calendar that allows the user to select a date. role_
combobox_list 114 a list of items that is shown by
combobox. role_
combobox_option 115 a item of list that is shown by
combobox; role_image_map 116 an image map -- has child links representing the areas. role_option 117 an option in a listbox. role_rich_option 118 a rich option in a listbox, it can have other widgets as children. role_listbox 119 a list of options. role_flat_equation 120 repres...
Menus - Archive of obsolete content
s can also support menus. this works just like it does for other buttons. see menu buttons for more information. menulist a menulist is used when you wish the user to select from a list of items. for this type of menu, one of the items within it is selected. when another item is selected, the label of the item is set as the label of the menulist. other user interfaces call this type of widget a
combobox. you may also see a popup tag used in place of the menupopup tag. the popup tag is deprecated but is equivalent to the menupopup tag. menu tag overview the following shows a simple menu example, containing a menubar with a single menu labeled 'file'. <menubar id="sample-menubar"> <menu id="file-menu" label="file"> <menupopup id="file-popup"> <menuitem label="new"/> <menui...
XUL accessibility guidelines - Archive of obsolete content
d the caption along with the label to the form element. for example, under the privacy section of preferences there are three groupboxes captioned: history, cookies, and private data. if the user were to tab to the "exceptions..." button they would hear "cookies {pause} exceptions {pause} button." the next tab would read "cookies {pause} keep until {pause} they expire {pause} one of three {pause}
combobox." if the screen reader only read the label, then the user would have to guess what the "exceptions" button or the "keep until"
combobox was referring to. groupboxes are essential for radiogroups or groups of checkboxes with a similar theme (e.g. check all that apply). if you find nested groupboxes visually unappealing, use css to hide the border of the inner groupbox so that it can remain in the...
XUL controls - Archive of obsolete content
<listbox> the listbox is used to select an item from a list of labelled items. <listbox> <listitem label="chocolate"/> <listitem label="jelly beans"/> </listbox> more information about the listbox element. listbox reference related elements: listcell listcols listcol listhead listheader listitem <menulist> a menulist (or
combobox) is used to create a control with a drop down to select a value. <menulist> <menupopup> <menuitem label="lions" value="l"/> <menuitem label="tigers" value="t"/> <menuitem label="bears" value="b"/> </menupopup> </menulist> more information about the menulist element. menulist reference related elements: menupopup menuitem <menulist ...
XForms Custom Controls - Archive of obsolete content
binding. in many cases different values provided for the appearance or mediatype attributes will determine which xbl binding will be used for a particular xforms control on the form. as mentioned in the spec, the appearance attribute can be used to influence the look and feel of a control even when all other conditions remain constant. for example, in the mozilla xforms extension we will render a
combobox widget when appearance='minimal' on a select1 control. should the form author instead choose to use appearance='compact' on this control, we would render a listbox widget. here is a snippet from our .css file to show the type of css rule we would use to make such a determination. xf|select1[appearance="compact"] { -moz-binding: url('chrome://xforms/content/select-xhtml.xml#xformswidget-select1-...
XForms Input Element - Archive of obsolete content
n the checkbox, after shows the checkbox, than the label. labelposition was introduced with mozilla xforms 0.8.8. before that, the default behavior was to display the label first, then the checkbox. since the introduction of labelposition, the behavior changed as described above to better match other implementations as well as commonly used gui guidelines. datepicker this widget is similar to a
combobox. it consists of a text field for direct user input next to a button that when activated will 'drop down' a calender widget that the user can also interact with (xhtml/xul). characteristics used when the instance node is of type xsd:date or a type derived from it. will not work with xsd:datetime (behavior defaults to text input). specific handling of attributes incremental - if "true", the boun...
XForms Select1 Element - Archive of obsolete content
ed from an xforms model. the relaxation happens when the itemset element specifies the item value using a copy (see spec) element. this is because a copy element can be used to add a subtree of nodes underneath the element that the select1 control is bound to. representations the xforms select1 element can be represented by the following widgets for the specified appearance attribute values:
combobox - default representation (xhtml/xul) listbox - used when appearance = 'compact' (xhtml/xul) radio group - used when appearance = 'full' (xhtml/xul)
combobox displaying a
combobox is the default representation (xhtml/xul). xhtml widget characteristics analogous widgets is <html:select/> visual grouping by choices element is supported selection="open" is supported if incremental attribute...
WAI-ARIA basics - Learn web development
forget however that using the correct semantic element where possible is always better. if you want to create a button, and can use a <button> element, you should use a <button> element! guiding users through complex widgets there are a whole host of other roles that can identify non-semantic element structures as common ui features that go beyond what's available in standard html, for example
combobox, slider, tabpanel, tree. you can see a number of useful examples in the deque university code library, to give you an idea of how such controls can be made accessible. let's go through an example of our own. we'll return to our simple absolutely-positioned tabbed interface (see hiding things in our css and javascript accessibility article), which you can find at tabbed info box example (see sour...
Mozilla’s UAAG evaluation report
selection colors as specified in the control panel. mozilla exposes the focus via wm_focus system messages mozilla does not use the system focus drawing routines, because they aren't flexible enough (don't support css) 7.2 respect input configuration conventions. (p1) vg mozilla implements standard keyboard bindings there are a few missing pieces, such as support in xul
comboboxes (menulist) for selecting items by typing alphanumeric keystrokes 7.3 operating environment conventions. (p2) g mozilla uses non-native controls. it does, however, support the look and feel of widgets on various operating systems, when the classic theme is selected (on by default). 7.4 input configuration indications. (p2) g menus indicate accesskey and accelerator ...
ZoomText
mail address is aaronleventhal@moonset.net. issues for ai squared, from high to low priority docreader and appreader don't respect the structure of the document -- no support for columns. zoomtext text to speech doesn't always echo what it should -- need more details from testers. mozilla issues cannot tab into frames and iframes. cannot customize the sidebar with the keyboard only.
comboboxes report incorrect bounds, causing zoomtext tracking to move to the wrong area of the screen. ...
XForms Accessibility
, the docs). this element is represented by button. select allows the user to choose one or multiple values from a list of pre-defined values (see the spec, the docs). it can have the following representations: listbox checkboxes group select1 allows the user to choose a single value from a list of pre-defined values (see the spec, the docs). it can have the following representations:
combobox listbox radio group additional elements these elements may be used as child elements to the form controls described above. some of these elements are not accessible itself but they makes accessibility properties for xforms elements that hold them. label specifies the label for the xforms control (see the spec, the docs). every form control other than the output element must contain a label...
nsIAccessibilityService
iaccessible createhtmlbuttonaccessible(in nsisupports aframe); nsiaccessible createhtmlaccessiblebymarkup(in nsiframe aframe, in nsiweakreference aweakshell, in nsidomnode adomnode); nsiaccessible createhtmlliaccessible(in nsisupports aframe, in nsisupports abulletframe, in astring abullettext); nsiaccessible createhtmlcheckboxaccessible(in nsisupports aframe); nsiaccessible createhtml
comboboxaccessible(in nsidomnode anode, in nsiweakreference apresshell); nsiaccessible createhtmlgenericaccessible(in nsisupports aframe); nsiaccessible createhtmlgenericaccessible(in nsisupports aframe); nsiaccessible createhtmlhraccessible(in nsisupports aframe); nsiaccessible createhtmlimageaccessible(in nsisupports aframe); nsiaccessible createhtmllabelaccessible(in nsisupports aframe);...
Using the aria-required attribute - Accessibility
ame" type="text" aria-required="true" /> <br/> <label for="lastname">last name:</label> <input id="lastname" type="text" aria-required="true" /> <br/> <label for="streetaddress">street address:</label> <input id="streetaddress" type="text" /> </form> working examples: tooltip example (includes the use of the aria-required attribute) notes used in aria roles
combobox gridcell listbox radiogroup spinbutton textbox tree related aria techniques using the aria-invalid attribute compatibility tbd: add support information for common ua and at product combinations additional resources wai-aria specification for aria-required wai-aria authoring practices for forms constraint validation in html5 ...
Using ARIA: Roles, states, and properties - Accessibility
d does not affect a page's dom. roles widget roles button checkbox gridcell link menuitem menuitemcheckbox menuitemradio option progressbar radio scrollbar searchbox separator (when focusable) slider spinbutton switch tab tabpanel textbox treeitem composite roles the techniques below describe each composite role as well as their required and optional child roles. ...
How to file ARIA-related bugs - Accessibility
view existing ms edge aria bugs mozilla firefox file firefox bugs use component: disability access apis opera file opera bugs use [aria] in the summary field js libraries dojo toolkit file dojo bug put accessibility in the component field yahoo user interface file yui bugs file against specific component in category
combobox and include aria in summary field ...
ARIA: listbox role - Accessibility
election when the list is not focused, e.g. a non-active selection is often shown with a lighter background colour. if the listbox is not part of another widget, it should have the aria-labelledby property set. if one or more entries are not dom children of listbox, additional aria-* properties will need to be set (see aria best practices). if there is a valid reason to expand the listbox, the
combobox role may be more appropriate. specifications specification status accessible rich internet applications (wai-aria) 1.1the definition of 'aria listbox role' in that specification. recommendation wai-aria authoring practicesthe definition of 'listbox role' in that specification. working draft screen reader support tbd ...
WAI-ARIA Roles - Accessibility
al counter the amount of elapsed time from a starting point or the remaining time until an end point. please claim the role you want to work on by adding your name after the role's name: (old pages are linked from https://developer.mozilla.org/docs/web/accessibility/aria/aria_techniques). ones for which the first draft is completed have been removed from the below list. ...
HTML To MSAA - Accessibility
/a option role_system_ listitem from @label attribute, from child text nodes n/a state_system_ selected if option is selected n/a "select" event_object_ selectionwithin event_object_ selectionadd if selected event_object_ selectionremove if unselected select @size > 1 role_system_ list n/a n/a state_system_ multiselectable if multiselectable n/a n/a n/a select @size = 1 role_system_
combobox n/a name of focused option state_system_ expanded if
combobox open state_system_ collapsed if
combobox is collapsed state_system_ haspopup state_system_ focusable n/a "open"/"close" depending on state event_object_ valuechange when selected option is changed table role_system_ table from @summary attribute n/a described_by (0x100e) points to caption element n/a n/a td, th role_syste...