This test checks that by default, if using JavaScript to focus an element triggers :focus-visible matching, then the element should show a focus ring with outline-style: auto.

  1. Focus the following elements with the keyaboard navigation (pressing TAB), if the elements show a focus ring with outline-style: auto, then the test result is SUCCESS.

Your user-agent does not support :focus-visible pseudo-class, please SKIP this test.

abbr
address
a bdi
blockquote
code
dd
summary
div
dl
dt
em
legend
figcaption
figure
form

  • li
  • mark
      ol
    pre

    p

    small s strong sub sup
    caption
    table
    td
    u

    Summary

    Harness status: OK

    Found 38 tests

    Details

    ResultTest NameMessage
    Pass":focus-visible" should be a valid selector
    Asserts run
    Pass
    assert_true(true, "\":focus-visible\" should not throw in querySelector")
        at Test.<anonymous> ( /css/support/parsing-testcommon.js:68:9)
    Pass
    assert_equals(0, 0, "Sheet should have no rule")
        at Test.<anonymous> ( /css/support/parsing-testcommon.js:76:9)
    Pass
    assert_equals(1, 1, "Sheet should have 1 rule")
        at Test.<anonymous> ( /css/support/parsing-testcommon.js:78:9)
    Pass
    assert_equals(":focus-visible", ":focus-visible", "serialization should be canonical")
        at Test.<anonymous> ( /css/support/parsing-testcommon.js:84:13)
    Pass
    assert_equals(0, 0, "Sheet should have no rule")
        at Test.<anonymous> ( /css/support/parsing-testcommon.js:87:9)
    Pass
    assert_equals(1, 1, "Sheet should have 1 rule")
        at Test.<anonymous> ( /css/support/parsing-testcommon.js:89:9)
    Pass
    assert_equals(":focus-visible", ":focus-visible", "serialization should round-trip")
        at Test.<anonymous> ( /css/support/parsing-testcommon.js:91:9)
    Pass
    assert_equals(true, true, "CSS.supports() reports the expected value")
        at Test.<anonymous> ( /css/support/parsing-testcommon.js:94:9)
    PassBy default initial programatic focus matches ':focus-visible', so the element ABBR shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for ABBR should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element ADDRESS shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for ADDRESS should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element BDI shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for BDI should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element BLOCKQUOTE shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for BLOCKQUOTE should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element CODE shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for CODE should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element DD shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for DD should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element SUMMARY shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for SUMMARY should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element DETAILS shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for DETAILS should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element DIV shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for DIV should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element DL shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for DL should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element DT shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for DT should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element EM shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for EM should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element LEGEND shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for LEGEND should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element FIGCAPTION shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for FIGCAPTION should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element FIGURE shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for FIGURE should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element FORM shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for FORM should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element HR shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for HR should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element IMG shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for IMG should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element LABEL shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for LABEL should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element LI shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for LI should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element MARK shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for MARK should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element METER shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for METER should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element OL shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for OL should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element PRE shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for PRE should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element PROGRESS shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for PROGRESS should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element P shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for P should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element SMALL shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for SMALL should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element S shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for S should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element STRONG shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for STRONG should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element SUB shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for SUB should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element SUP shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for SUP should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element CAPTION shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for CAPTION should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element TABLE shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for TABLE should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element TD shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for TD should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element TIME shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for TIME should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element UL shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for UL should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9
    PassBy default initial programatic focus matches ':focus-visible', so the element U shows a focus ring with 'outline-style: auto'
    Asserts run
    Pass
    assert_equals("auto", "auto", "outline-style for U should be auto")
        at  /css/selectors/focus-visible-017-2.html:89:9