| Quellcodebibliothek Statistik Leitseite products/Sources/formale Sprachen/C/Firefox/testing/web-platform/tests/wai-aria/role/ (Browser von der Mozilla Stiftung Version 136.0.1©) Datei vom 10.2.2025 mit Größe 6 kB |
|
Quelle tab-roles.html Sprache: HTML |
|||||||||||||||||
<!doctype html> <html> <head> <title>Tab-related Role Verification Tests</title> <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> <script src="/resources/testdriver.js"></script> <script src="/resources/testdriver-vendor.js"></script> <script src="/resources/testdriver-actions.js"></script> <script src="/wai-aria/scripts/aria-utils.js"></script> </head> <body> <p>Tests <a href="https://w3c.github.io/aria/#tab">tab</a> and related roles.</p> <!--<div> tab with tablist/tab/tabpanel semantics--> <div role="tablist" data-testname="div role is tablist" data-expectedrole="tablist" c <div role="tab" data-testname="role is tab (in div tablist)" data-expectedrole="tab" </div> <div role="tabpanel" data-testname="role is tabpanel (with sibling div tablist)" dat <!--<div> tabs with tablist/tab/tabpanel semantics, selection, no focus management--> <div role="tablist" data-testname="div role is tablist (with selection)" data-expect <div role="tab" aria-selected="true" data-testname="role is tab and tab is selected" <div role="tab" aria-selected="false" data-testname="role is tab and tab is not sele </div> <div role="tabpanel" data-testname="role is tabpanel (faux selected)" data-expectedr <div role="tabpanel" data-testname="role is tabpanel (faux unselected)" data-expecte <!--<div> tabs with tablist/tab/tabpanel semantics, selection, roving tabindex--> <div role="tablist" data-testname="div role is tablist (with selection, roving tabi <div role="tab" aria-selected="true" tabindex = "0" data-testname="role is tab, tab is <div role="tab" aria-selected="false" tabindex = "-1" data-testname="role is tab and ta <div role="tab" aria-selected="false" tabindex = "-1" data-testname="role is tab and ta </div> <div role="tabpanel" data-testname="role is tabpanel with selection, roving tabinde <div role="tabpanel" data-testname="role is tabpanel with selection, roving tabinde <div role="tabpanel" data-testname="role is tabpanel with selection, roving tabinde <!--<div> tabs with tablist/tab/tabpanel semantics and non-empty tabpanel--> <div role="tablist" data-testname="div role is tablist (with non-empty tabpanel)" da <div role="tab" aria-selected="true" data-testname="role is tab and tab is selected <div role="tab" aria-selected="false" data-testname="role is tab and tab is not sele </div> <div role="tabpanel" data-testname="role is tabpanel with selection, non-empty cont <div role="tabpanel" data-testname="role is tabpanel with selection, non-empty cont <!--<div> tabs with tablist/tab/tabpanel semantics, non-empty tabpanel and aria-controls--> <div role="tablist" data-testname="div role is tablist (with non-empty tabpanel and <div role="tab" aria-controls = "tabpanel1" aria-selected="true" data-testname="role is <div role="tab" aria-controls = "tabpanel2" aria-selected="false" data-testname="role i </div> <div role="tabpanel" id="tabpanel1" data-testname="role is tabpanel with aria-contro <div role="tabpanel" id="tabpanel2" data-testname="role is tabpanel with aria-contro <!--<div> tablist with child <button> that has explicit role="tab"--> <div role="tablist" data-testname="div role for button parent container is tablist" <button role="tab" data-testname="button role is tab (in div tablist)" data-expected </div> <!--<ul> tablist with child <divs> that have explicit role="tab"--> <ul role="tablist" data-testname="ul role is tablist" data-expectedrole="tablist" cla <li> <div role="tab" aria-selected="true" tabindex = "0" data-testname="role is tab (within </li> <li> <div role="tab" aria-selected="false" tabindex = "-1" data-testname="role is tab (withi </li> </ul> <div role="tabpanel" data-testname="role is tabpanel as sibling to ul" data-expected <div role="tabpanel" data-testname="role is tabpanel as sibling to ul (duplicate)" d <!--<ul> tablist with child <divs> that have explicit role="tab", role="none" on li elements--> <ul role="tablist" data-testname="ul role is tablist (child li have role none)" data <li role="none"> <div role="tab" aria-selected="true" tabindex = "0" data-testname="role is tab (within </li> <li role="none"> <div role="tab" aria-selected="false" tabindex = "-1" data-testname="role is tab (withi </li> </ul> <div role="tabpanel" data-testname="role is tabpanel as sibling to ul with child ro <div role="tabpanel" data-testname="role is tabpanel as sibling to ul with child ro <script> AriaUtils.verifyRolesBySelector(".ex"); </script> </body> </html>
¤ Dauer der Verarbeitung: 0.3 Sekunden ¤*© Formatika GbR, Deutschland |
|
||||||||||||||||
2026-04-02