/* This Source Code Form is subject to the terms of the Mozilla Public * License , v . 2 . 0 . If a copy of the MPL was not distributed with this http://mozilla.org/MPL/2.0/. */
"use strict" ;
/* import-globals-from ../../mochitest/role.js */
loadScripts({ name:
"role.js" , dir: MOCHITESTS_DIR });
/** * Test ARIA role map
addAccessibleTask(
`<span id=
"aria_alert" role=
"alert" ></span>
<span id=
"aria_alert_mixed" role=
"aLERt" ></span>
<span id=
"aria_alertdialog" role=
"alertdialog" ></span>
<span id=
"aria_alertdialog_mixed" role=
"aLERTDIALOg" ></span>
<span id=
"aria_application" role=
"application" ></span>
<span id=
"aria_application_mixed" role=
"aPPLICATIOn" ></span>
<span id=
"aria_article" role=
"article" ></span>
<span id=
"aria_article_mixed" role=
"aRTICLe" ></span>
<span id=
"aria_blockquote" role=
"blockquote" ></span>
<span id=
"aria_blockquote_mixed" role=
"bLOCKQUOTe" ></span>
<span id=
"aria_button" role=
"button" ></span>
<span id=
"aria_button_mixed" role=
"bUTTOn" ></span>
<span id=
"aria_caption" role=
"caption" ></span>
<span id=
"aria_caption_mixed" role=
"cAPTIOn" ></span>
<span id=
"aria_checkbox" role=
"checkbox" ></span>
<span id=
"aria_checkbox_mixed" role=
"cHECKBOx" ></span>
<span id=
"aria_code" role=
"code" ></span>
<span id=
"aria_code_mixed" role=
"cODe" ></span>
<span id=
"aria_combobox" role=
"combobox" ></span>
<span id=
"aria_combobox_mixed" role=
"cOMBOBOx" ></span>
<span id=
"aria_comment" role=
"comment" ></span>
<span id=
"aria_comment_mixed" role=
"cOMMENt" ></span>
<span id=
"aria_deletion" role=
"deletion" ></span>
<span id=
"aria_deletion_mixed" role=
"dELETIOn" ></span>
<span id=
"aria_dialog" role=
"dialog" ></span>
<span id=
"aria_dialog_mixed" role=
"dIALOg" ></span>
<span id=
"aria_directory" role=
"directory" ></span>
<span id=
"aria_directory_mixed" role=
"dIRECTORy" ></span>
<span id=
"aria_document" role=
"document" ></span>
<span id=
"aria_document_mixed" role=
"dOCUMENt" ></span>
<span id=
"aria_form" role=
"form" ></span>
<span id=
"aria_form_mixed" role=
"fORm" ></span>
<span id=
"aria_form_with_label" role=
"form" aria-label=
"Label" ></span>
<span id=
"aria_form_with_label_mixed" role=
"fORm" aria-label=
"Label" ></span>
<span id=
"aria_feed" role=
"feed" ></span>
<span id=
"aria_feed_mixed" role=
"fEEd" ></span>
<span id=
"aria_figure" role=
"figure" ></span>
<span id=
"aria_figure_mixed" role=
"fIGURe" ></span>
<span id=
"aria_grid" role=
"grid" ></span>
<span id=
"aria_grid_mixed" role=
"gRId" ></span>
<span id=
"aria_group" role=
"group" ></span>
<span id=
"aria_group_mixed" role=
"gROUp" ></span>
<span id=
"aria_heading" role=
"heading" ></span>
<span id=
"aria_heading_mixed" role=
"hEADINg" ></span>
<span id=
"aria_img" role=
"img" ></span>
<span id=
"aria_img_mixed" role=
"iMg" ></span>
<span id=
"aria_insertion" role=
"insertion" ></span>
<span id=
"aria_insertion_mixed" role=
"iNSERTIOn" ></span>
<span id=
"aria_link" role=
"link" ></span>
<span id=
"aria_link_mixed" role=
"lINk" ></span>
<span id=
"aria_list" role=
"list" ></span>
<span id=
"aria_list_mixed" role=
"lISt" ></span>
<span id=
"aria_listbox" role=
"listbox" ></span>
<span id=
"aria_listbox_mixed" role=
"lISTBOx" ></span>
<span id=
"aria_log" role=
"log" ></span>
<span id=
"aria_log_mixed" role=
"lOg" ></span>
<span id=
"aria_mark" role=
"mark" ></span>
<span id=
"aria_mark_mixed" role=
"mARk" ></span>
<span id=
"aria_marquee" role=
"marquee" ></span>
<span id=
"aria_marquee_mixed" role=
"mARQUEe" ></span>
<span id=
"aria_math" role=
"math" ></span>
<span id=
"aria_math_mixed" role=
"mATh" ></span>
<span id=
"aria_menu" role=
"menu" ></span>
<span id=
"aria_menu_mixed" role=
"mENu" ></span>
<span id=
"aria_menubar" role=
"menubar" ></span>
<span id=
"aria_menubar_mixed" role=
"mENUBAr" ></span>
<span id=
"aria_meter" role=
"meter" ></span>
<span id=
"aria_meter_mixed" role=
"meTer" ></span>
<span id=
"aria_note" role=
"note" ></span>
<span id=
"aria_note_mixed" role=
"nOTe" ></span>
<span id=
"aria_paragraph" role=
"paragraph" ></span>
<span id=
"aria_paragraph_mixed" role=
"pARAGRAPh" ></span>
<span id=
"aria_presentation" role=
"presentation" tabindex=
"0" ></span>
<span id=
"aria_presentation_mixed" role=
"pRESENTATIOn" tabindex=
"0" ></span>
<span id=
"aria_progressbar" role=
"progressbar" ></span>
<span id=
"aria_progressbar_mixed" role=
"pROGRESSBAr" ></span>
<span id=
"aria_radio" role=
"radio" ></span>
<span id=
"aria_radio_mixed" role=
"rADIo" ></span>
<span id=
"aria_radiogroup" role=
"radiogroup" ></span>
<span id=
"aria_radiogroup_mixed" role=
"rADIOGROUp" ></span>
<span id=
"aria_region_no_name" role=
"region" ></span>
<span id=
"aria_region_no_name_mixed" role=
"rEGIOn" ></span>
<span id=
"aria_region_has_label" role=
"region" aria-label=
"label" ></span>
<span id=
"aria_region_has_label_mixed" role=
"rEGIOn" aria-label=
"label" ></span>
<span id=
"aria_region_has_labelledby" role=
"region" aria-labelledby=
"label" ><span id=
"label" aria-label=
"label" ></span></span>
<span id=
"aria_region_has_labelledby_mixed" role=
"rEGIOn" aria-labelledby=
"label" ><spa
n id="label" aria-label="label" ></span></span>"aria_region_has_title" role="region" title="title" ></span>"aria_region_has_title_mixed" role="rEGIOn" title="title" ></span>"aria_region_empty_name" role="region" aria-label="" title="" aria-labelledby="empty" ></span><span id="empty" ></span>"aria_region_empty_name_mixed" role="rEGIOn" aria-label="" title="" aria-labelledby="empty" ></span><span id="empty" ></span>"aria_region_as_table_with_caption" role="region" ><caption>hello</caption></table>"aria_region_as_table_with_caption_mixed" role="rEGIOn" ><caption>hello</caption></table>"aria_region_as_table_with_miscaption" role="region" ><caption role="option" >hello</caption></table>"aria_region_as_table_with_miscaption_mixed" role="rEGIOn" ><caption role="option" >hello</caption></table>"aria_scrollbar" role="scrollbar" ></span>"aria_scrollbar_mixed" role="sCROLLBAr" ></span>"aria_searchbox" role="searchbox" ></span>"aria_searchbox_mixed" role="sEARCHBOx" ></span>"aria_separator" role="separator" ></span>"aria_separator_mixed" role="sEPARATOr" ></span>"aria_slider" role="slider" ></span>"aria_slider_mixed" role="sLIDEr" ></span>"aria_spinbutton" role="spinbutton" ></span>"aria_spinbutton_mixed" role="sPINBUTTOn" ></span>"aria_status" role="status" ></span>"aria_status_mixed" role="sTATUs" ></span>"aria_subscript" role="subscript" ></span>"aria_subscript_mixed" role="sUBSCRIPt" ></span>"aria_suggestion" role="suggestion" ></span>"aria_suggestion_mixed" role="sUGGESTIOn" ></span>"aria_superscript" role="superscript" ></span>"aria_superscript_mixed" role="sUPERSCRIPt" ></span>"aria_switch" role="switch" ></span>"aria_switch_mixed" role="sWITCh" ></span>"aria_tablist" role="tablist" ></span>"aria_tablist_mixed" role="tABLISt" ></span>"aria_tabpanel" role="tabpanel" ></span>"aria_tabpanel_mixed" role="tABPANEl" ></span>"aria_term" role="term" ></span>"aria_term_mixed" role="tERm" ></span>"aria_textbox" role="textbox" ></span>"aria_textbox_mixed" role="tEXTBOx" ></span>"aria_timer" role="timer" ></span>"aria_timer_mixed" role="tIMEr" ></span>"aria_toolbar" role="toolbar" ></span>"aria_toolbar_mixed" role="tOOLBAr" ></span>"aria_tooltip" role="tooltip" ></span>"aria_tooltip_mixed" role="tOOLTIp" ></span>"aria_tree" role="tree" ></span>"aria_tree_mixed" role="tREe" ></span>"aria_treegrid" role="treegrid" ></span>"aria_treegrid_mixed" role="tREEGRId" ></span>`,function testARIARoleMap(browser, accDoc) {"aria_alert" ), ROLE_ALERT);"aria_alert_mixed" ), ROLE_ALERT);"aria_alertdialog" ), ROLE_DIALOG);"aria_alertdialog_mixed" ), ROLE_DIALOG);"aria_application" ), ROLE_APPLICATION);"aria_application_mixed" ), ROLE_APPLICATION);"aria_article" ), ROLE_ARTICLE);"aria_article_mixed" ), ROLE_ARTICLE);"aria_blockquote" ), ROLE_BLOCKQUOTE);"aria_blockquote_mixed" ), ROLE_BLOCKQUOTE);"aria_button" ), ROLE_PUSHBUTTON);"aria_button_mixed" ), ROLE_PUSHBUTTON);"aria_caption" ), ROLE_CAPTION);"aria_caption_mixed" ), ROLE_CAPTION);"aria_checkbox" ), ROLE_CHECKBUTTON);"aria_checkbox_mixed" ), ROLE_CHECKBUTTON);"aria_code" ), ROLE_CODE);"aria_code_mixed" ), ROLE_CODE);"aria_combobox" ), ROLE_EDITCOMBOBOX);"aria_combobox_mixed" ), ROLE_EDITCOMBOBOX);"aria_comment" ), ROLE_COMMENT);"aria_comment_mixed" ), ROLE_COMMENT);"aria_deletion" ), ROLE_CONTENT_DELETION);"aria_deletion_mixed" ), ROLE_CONTENT_DELETION);"aria_dialog" ), ROLE_DIALOG);"aria_dialog_mixed" ), ROLE_DIALOG);"aria_directory" ), ROLE_LIST);"aria_directory_mixed" ), ROLE_LIST);"aria_document" ), ROLE_NON_NATIVE_DOCUMENT);"aria_document_mixed" ), ROLE_NON_NATIVE_DOCUMENT);"aria_form" ), ROLE_TEXT);"aria_form_mixed" ), ROLE_TEXT);"aria_form_with_label" ), ROLE_FORM);"aria_form_with_label_mixed" ), ROLE_FORM);"aria_feed" ), ROLE_GROUPING);"aria_feed_mixed" ), ROLE_GROUPING);"aria_figure" ), ROLE_FIGURE);"aria_figure_mixed" ), ROLE_FIGURE);"aria_grid" ), ROLE_GRID);"aria_grid_mixed" ), ROLE_GRID);"aria_group" ), ROLE_GROUPING);"aria_group_mixed" ), ROLE_GROUPING);"aria_heading" ), ROLE_HEADING);"aria_heading_mixed" ), ROLE_HEADING);"aria_img" ), ROLE_GRAPHIC);"aria_img_mixed" ), ROLE_GRAPHIC);"aria_insertion" ), ROLE_CONTENT_INSERTION);"aria_insertion_mixed" ), ROLE_CONTENT_INSERTION);"aria_link" ), ROLE_LINK);"aria_link_mixed" ), ROLE_LINK);"aria_list" ), ROLE_LIST);"aria_list_mixed" ), ROLE_LIST);"aria_listbox" ), ROLE_LISTBOX);"aria_listbox_mixed" ), ROLE_LISTBOX);"aria_log" ), ROLE_TEXT); // weak role "aria_log_mixed" ), ROLE_TEXT); // weak role "aria_mark" ), ROLE_MARK);"aria_mark_mixed" ), ROLE_MARK);"aria_marquee" ), ROLE_ANIMATION);"aria_marquee_mixed" ), ROLE_ANIMATION);"aria_math" ), ROLE_FLAT_EQUATION);"aria_math_mixed" ), ROLE_FLAT_EQUATION);"aria_menu" ), ROLE_MENUPOPUP);"aria_menu_mixed" ), ROLE_MENUPOPUP);"aria_menubar" ), ROLE_MENUBAR);"aria_menubar_mixed" ), ROLE_MENUBAR);"aria_meter" ), ROLE_METER);"aria_meter_mixed" ), ROLE_METER);"aria_note" ), ROLE_NOTE);"aria_note_mixed" ), ROLE_NOTE);"aria_paragraph" ), ROLE_PARAGRAPH);"aria_paragraph_mixed" ), ROLE_PARAGRAPH);"aria_presentation" ), ROLE_TEXT); // weak role "aria_presentation_mixed" ), ROLE_TEXT); // weak role "aria_progressbar" ), ROLE_PROGRESSBAR);"aria_progressbar_mixed" ), ROLE_PROGRESSBAR);"aria_radio" ), ROLE_RADIOBUTTON);"aria_radio_mixed" ), ROLE_RADIOBUTTON);"aria_radiogroup" ), ROLE_RADIO_GROUP);"aria_radiogroup_mixed" ), ROLE_RADIO_GROUP);"aria_region_no_name" ), ROLE_TEXT);"aria_region_no_name_mixed" ), ROLE_TEXT);"aria_region_has_label" ), ROLE_REGION);"aria_region_has_label_mixed" ), ROLE_REGION);"aria_region_has_labelledby" ), ROLE_REGION);"aria_region_has_labelledby_mixed" ), ROLE_REGION);"aria_region_has_title" ), ROLE_REGION);"aria_region_has_title_mixed" ), ROLE_REGION);"aria_region_empty_name" ), ROLE_TEXT);"aria_region_empty_name_mixed" ), ROLE_TEXT);"aria_region_as_table_with_caption" ), ROLE_REGION);"aria_region_as_table_with_caption_mixed" ), ROLE_REGION);"aria_region_as_table_with_miscaption" ), ROLE_REGION);"aria_region_as_table_with_miscaption_mixed" ), ROLE_REGION);"aria_scrollbar" ), ROLE_SCROLLBAR);"aria_scrollbar_mixed" ), ROLE_SCROLLBAR);"aria_searchbox" ), ROLE_SEARCHBOX);"aria_searchbox_mixed" ), ROLE_SEARCHBOX);"aria_separator" ), ROLE_SEPARATOR);"aria_separator_mixed" ), ROLE_SEPARATOR);"aria_slider" ), ROLE_SLIDER);"aria_slider_mixed" ), ROLE_SLIDER);"aria_spinbutton" ), ROLE_SPINBUTTON);"aria_spinbutton_mixed" ), ROLE_SPINBUTTON);"aria_status" ), ROLE_STATUSBAR);"aria_status_mixed" ), ROLE_STATUSBAR);"aria_subscript" ), ROLE_SUBSCRIPT);"aria_subscript_mixed" ), ROLE_SUBSCRIPT);"aria_suggestion" ), ROLE_SUGGESTION);"aria_suggestion_mixed" ), ROLE_SUGGESTION);"aria_superscript" ), ROLE_SUPERSCRIPT);"aria_superscript_mixed" ), ROLE_SUPERSCRIPT);"aria_switch" ), ROLE_SWITCH);"aria_switch_mixed" ), ROLE_SWITCH);"aria_tablist" ), ROLE_PAGETABLIST);"aria_tablist_mixed" ), ROLE_PAGETABLIST);"aria_tabpanel" ), ROLE_PROPERTYPAGE);"aria_tabpanel_mixed" ), ROLE_PROPERTYPAGE);"aria_term" ), ROLE_TERM);"aria_term_mixed" ), ROLE_TERM);"aria_textbox" ), ROLE_ENTRY);"aria_textbox_mixed" ), ROLE_ENTRY);"aria_timer" ), ROLE_TEXT); // weak role "aria_timer_mixed" ), ROLE_TEXT); // weak role "aria_toolbar" ), ROLE_TOOLBAR);"aria_toolbar_mixed" ), ROLE_TOOLBAR);"aria_tooltip" ), ROLE_TOOLTIP);"aria_tooltip_mixed" ), ROLE_TOOLTIP);"aria_tree" ), ROLE_OUTLINE);"aria_tree_mixed" ), ROLE_OUTLINE);"aria_treegrid" ), ROLE_TREE_TABLE);"aria_treegrid_mixed" ), ROLE_TREE_TABLE);true , topLevel: true }/** * Test ARIA landmarks "articlemain" role="main" >a main area</article>"articlemain_mixed" role="mAIn" >a main area</article>"articleform" role="form" >a form area</article>"articleform_mixed" role="fORm" >a form area</article>"articleform_label" aria-label="form" role="form" >a form area</article>"articleform_label_mixed" aria-label="form" role="fORm" >a form area</article>"testArticle" role="article" title="Test article" >This is a paragraph inside the article.</p>"testArticle_mixed" role="aRTICLe" title="Test article" >This is a paragraph inside the article.</p>"live" roles -->"log" id="log_table" >"LOG" id="log_table_mixed" >"marquee" id="marquee_h1" >marquee</h1>"MARQUEE" id="marquee_h1_mixed" >marquee</h1>"timer" id="timer_div" >timer</div>"TIMER" id="timer_div_mixed" >timer</div>"application" id="application" >application</div>"aPPLICATIOn" id="application_mixed" >application</div>"form" id="form" >form</div>"fORm" id="form_mixed" >form</div>"form" id="form_label" aria-label="form" >form</div>"fORm" id="form_label_mixed" aria-label="form" >form</div>"banner" id="banner" >banner</div>"bANNEr" id="banner_mixed" >banner</div>"complementary" id="complementary" >complementary</div>"cOMPLEMENTARy" id="complementary_mixed" >complementary</div>"contentinfo" id="contentinfo" >contentinfo</div>"cONTENTINFo" id="contentinfo_mixed" >contentinfo</div>"main" id="main" >main</div>"mAIN" id="main_mixed" >main</div>"navigation" id="navigation" >navigation</div>"nAVIGATIOn" id="navigation_mixed" >navigation</div>"search" id="search" >search</div>"sEARCh" id="search_mixed" >search</div>"application" id="application_table" >application table"aPPLICATIOn" id="application_table_mixed" >application table"banner" id="banner_table" >banner table"bANNEr" id="banner_table_mixed" >banner table"complementary" id="complementary_table" >complementary table"cOMPLEMENTARy" id="complementary_table_mixed" >complementary table"contentinfo" id="contentinfo_table" >contentinfo table"cONTENTINFo" id="contentinfo_table_mixed" >contentinfo table"main" id="main_table" >main table"mAIn" id="main_table_mixed" >main table"navigation" id="navigation_table" >navigation table"nAVIGATIOn" id="navigation_table_mixed" >navigation table"search" id="search_table" >search table"sEARCh" id="search_table_mixed" >search tablefunction testLandMarks(browser, accDoc) {// Note: // The phrase "weak foo" here means that there is no good foo-to-gecko // role mapping. Similarly "strong foo" means there is a good foo-to- // gecko role mapping. "articlemain" ), ROLE_LANDMARK);"articlemain_mixed" ), ROLE_LANDMARK);"articleform" ), ROLE_ARTICLE);"articleform_mixed" ), ROLE_ARTICLE);"articleform_label" ), ROLE_FORM);"articleform_label_mixed" ), ROLE_FORM);// Test article exposed as article "testArticle" ), ROLE_ARTICLE);"testArticle_mixed" ), ROLE_ARTICLE);// weak roles that are forms of "live regions" "log_table" ), ROLE_TABLE);"log_table_mixed" ), ROLE_TABLE);"timer_div" ), ROLE_SECTION);"timer_div_mixed" ), ROLE_SECTION);// other roles that are forms of "live regions" "marquee_h1" ), ROLE_ANIMATION);"marquee_h1_mixed" ), ROLE_ANIMATION);// strong landmark "application" ), ROLE_APPLICATION);"application_mixed" ), ROLE_APPLICATION);"form" ), ROLE_SECTION);"form_mixed" ), ROLE_SECTION);"form_label" ), ROLE_FORM);"form_label_mixed" ), ROLE_FORM);"application_table" ), ROLE_APPLICATION);"application_table_mixed" ), ROLE_APPLICATION);function testLandmark(landmarkId) {"landmarked table should have nsIAccessibleTable" "landmarked table should have nsIAccessibleTable" 0 , 0 ).firstChild.name, "hi" , "no cell" );"banner" );"complementary" );"contentinfo" );"main" );"navigation" );"search" );true , topLevel: true }/** * Test abstract roles . * User agents must not map abstract roles to anything but a generic " section " gecko role . abstract base type roles -->"composite" id="composite" >composite</div>"cOMPOSITe" id="composite_mixed" >composite</div>"landmark" id="landmark" >landmark</div>"lANDMARk" id="landmark_mixed" >landmark</div>"roletype" id="roletype" >roletype</div>"rOLETYPe" id="roletype_mixed" >roletype</div>"structure" id="structure" >structure</div>"sTRUCTURe" id="structure_mixed" >structure</div>"widget" id="widget" >widget</div>"wIDGEt" id="widget_mixed" >widget</div>"window" id="window" >window</div>"wINDOw" id="window_mixed" >window</div>abstract input roles -->"input" id="input" >input</div>"iNPUt" id="input_mixed" >input</div>"range" id="range" >range</div>"rANGe" id="range_mixed" >range</div>"select" id="select" >select</div>"sELECt" id="select_mixed" >select</div>abstract structure roles -->"section" id="section" >section</div>"sECTIOn" id="section_mixed" >section</div>"sectionhead" id="sectionhead" >sectionhead</div>"sECTIONHEAd" id="sectionhead_mixed" >sectionhead</div>"command" id="command" >command</div>"cOmManD" id="command_mixed" >command</div>function testAbstract(browser, accDoc) {function testAbstractRole(id) {"composite" );"landmark" );"structure" );"widget" );"window" );"input" );"range" );"select" );"section" );"sectionhead" );"command" );true , topLevel: true }/** * Test child roles dependent on ancestor role presence "button" >"buttontable_row" >"buttontable_cell" >cell</td>"bUTTOn" >"buttontable_row_mixed" >"buttontable_cell_mixed" >cell</td>"grid" >"implicit_gridcell" >foo</td>"gRId" >"implicit_gridcell_mixed" >foo</td>"grid" >"row" >"aria_columnheader" role="columnheader" ></span>"aria_columnheader_mixed" role="cOLUMNHEADEr" ></span>"aria_gridcell" role="gridcell" ></span>"aria_gridcell_mixed" role="gRIDCELl" ></span>"aria_rowheader" role="rowheader" ></span>"aria_rowheader_mixed" role="rOWHEADEr" ></span>"list" >"aria_listitem" role="listitem" ></span>"aria_listitem_mixed" role="lISTITEm" ></span>"menu" >"aria_menuitem" role="menuitem" ></span>"aria_menuitem_mixed" role="mENUITEm" ></span>"aria_menuitemcheckbox" role="menuitemcheckbox" ></span>"aria_menuitemcheckbox_mixed" role="mENUITEMCHECKBOx" ></span>"aria_menuitemradio" role="menuitemradio" ></span>"aria_menuitemradio_mixed" role="mENUITEMRADIo" ></span>"table" >"aria_row" role="row" ></span>"aria_row_mixed" role="rOw" ></span>"tablist" >"aria_tab" role="tab" ></span>"aria_tab_mixed" role="tAb" ></span>"tree" >"aria_treeitem" role="treeitem" ></span>"aria_treeitem_mixed" role="tREEITEm" ></span>"listbox" >"listOption" role="option" ></span>"combobox" >"listbox" >"comboOption1" role="option" ></span>"group" >"comboOption2" role="option" ></span>"true" id="togglebutton" ></button>"tRUe" id="togglebutton_mixed" ></button>function testAncestorDependent(browser, accDoc) {"buttontable_row" ), ROLE_TEXT_CONTAINER);"buttontable_row_mixed" ), ROLE_TEXT_CONTAINER);"buttontable_cell" ), ROLE_TEXT_CONTAINER);"buttontable_cell_mixed" ), ROLE_TEXT_CONTAINER);"implicit_gridcell" ), ROLE_GRID_CELL);"implicit_gridcell_mixed" ), ROLE_GRID_CELL);"aria_columnheader" ), ROLE_COLUMNHEADER);"aria_columnheader_mixed" ), ROLE_COLUMNHEADER);"aria_gridcell" ), ROLE_GRID_CELL);"aria_gridcell_mixed" ), ROLE_GRID_CELL);"aria_rowheader" ), ROLE_ROWHEADER);"aria_rowheader_mixed" ), ROLE_ROWHEADER);"aria_listitem" ), ROLE_LISTITEM);"aria_listitem_mixed" ), ROLE_LISTITEM);"aria_menuitem" ), ROLE_MENUITEM);"aria_menuitem_mixed" ), ROLE_MENUITEM);"aria_menuitemcheckbox" ), ROLE_CHECK_MENU_ITEM);"aria_menuitemcheckbox_mixed" ), ROLE_CHECK_MENU_ITEM);"aria_menuitemradio" ), ROLE_RADIO_MENU_ITEM);"aria_menuitemradio_mixed" ), ROLE_RADIO_MENU_ITEM);"aria_row" ), ROLE_ROW);"aria_row_mixed" ), ROLE_ROW);"aria_tab" ), ROLE_PAGETAB);"aria_tab_mixed" ), ROLE_PAGETAB);"aria_treeitem" ), ROLE_OUTLINEITEM);"aria_treeitem_mixed" ), ROLE_OUTLINEITEM);"listOption" ), ROLE_OPTION);"comboOption1" ), ROLE_COMBOBOX_OPTION);"comboOption2" ), ROLE_COMBOBOX_OPTION);// roles transformed by ARIA state attributes "togglebutton" ), ROLE_TOGGLE_BUTTON);"togglebutton_mixed" ), ROLE_TOGGLE_BUTTON);true , topLevel: true }/** * Test misc quirks "wiggly:worm abc123 button" id="unknown_roles" >worm button</div>"wiggly:worm abc123 bUTTOn" id="unknown_roles_mixed" >worm button</div>"note" id="note" >note</div>"nOTe" id="note_mixed" >note</div>"scrollbar" id="scrollbar" >scrollbar</div>"sCROLLBAr" id="scrollbar_mixed" >scrollbar</div>"dir" role="directory" >"listitem" >A</div>"listitem" >B</div>"listitem" >C</div>"dir_mixed" role="dIRECTORy" >"listitem" >A</div>"listitem" >B</div>"listitem" >C</div>function testRoleQuirks(browser, accDoc) {// //////////////////////////////////////////////////////////////////////// // ignore unknown roles, take first known "unknown_roles" ), ROLE_PUSHBUTTON);"unknown_roles_mixed" ), ROLE_PUSHBUTTON);// //////////////////////////////////////////////////////////////////////// // misc roles "note" ), ROLE_NOTE);"note_mixed" ), ROLE_NOTE);"scrollbar" ), ROLE_SCROLLBAR);"scrollbar_mixed" ), ROLE_SCROLLBAR);"dir" ), ROLE_LIST);"dir_mixed" ), ROLE_LIST);true , topLevel: true }/** * Test equations "img_eq" role="math" src="foo" alt="x^2 + y^2 + z^2" >"img_eq_mixed" role="mATh" src="foo" alt="x^2 + y^2 + z^2" >"txt_eq" role="math" title="x^2 + y^2 + z^2" >x<sup>2 </sup> +2 </sup> + z<sup>2 </sup></span>"txt_eq_mixed" role="mATh" title="x^2 + y^2 + z^2" >x<sup>2 </sup> +2 </sup> + z<sup>2 </sup></span>function testRoleQuirks(browser, accDoc) {// Test equation image "img_eq" ), ROLE_FLAT_EQUATION);"img_eq_mixed" ), ROLE_FLAT_EQUATION);// Test textual equation "txt_eq" ), ROLE_FLAT_EQUATION);"txt_eq_mixed" ), ROLE_FLAT_EQUATION);true , topLevel: true }/** * Test doc role changes function testRoleQuirks(browser, accDoc) {"body" , "role" , "application" );"Doc role is 'application'" "body" , "role" , "dialog" );"Doc role is 'dialog'" );// Other roles aren't valid on body elements. "body" , "role" , "document" );"Doc role is 'document'" "body" , "role" , "button" );"Doc role is 'document'" // ... but mixed roles should still function like their regular variants "body" , "role" , "ApPLiCaTiOn" );"Doc role is 'application'" "body" , "role" , "dIaLoG" );"Doc role is 'dialog'" );true , topLevel: true }/** * Test re - parented option ' s role gets recomputed . "combobox" ><div id="listbox" role="listbox" ></div></div>"option" id="option" >Bananas</div>`,function testRelocation(browser, accDoc) {"option" ).role,"option outside of combobox should have option role" "listbox" );"listbox" , "aria-owns" , "option" );"option" ).role,"option in combobox should have combobox option role" true , topLevel: true }/** * Test that a menuitem outside of a menu still gets a role of menuitem . * Strictly speaking , this is an authoring error , but the spec allows browsers * to expose the role regardless . Unfortunately , some sites rely on this , * including Google Docs , so this test ensures we don ' t regress those . "menubar" >"menuitem" aria-owns="child" ></div>"menu" >"child" role="menuitem" >child</div>function testOrphanedMenuitem(browser, docAcc) {const child = findAccessibleChildByID(docAcc, "child" );true , topLevel: true } Messung V0.5 in Prozent C=97 H=100 G=98
¤ Dauer der Verarbeitung: 0.12 Sekunden
¤ *© Formatika GbR, Deutschland
