Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://a11ysupport.io/tests/tech__css__css_generated_content_in_form_label below:

Test: CSS generated content in form label

This expectation is applied to the label element. Expectations and results might differ when the the feature is applied to different roles.

Just one of the listed commands must pass for the expectation to pass.

• Result: (fail)
  • Test Case: Use "Click <text>" (Activate item by name)
    1. Launch Dragon Naturally Speaking and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:#target
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Click <text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: (input was not focused)
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#target`
    1. Launch JAWS and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:#target
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "is generated, edit, type in text"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#target`
    1. Launch JAWS and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:#target
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "is generated, edit, type in text"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#target`
    1. Launch JAWS and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:#target
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "This is generated content, edit"

• Result: (pass)
  • Test Case: Use Down arrow (Jump to next item (scan mode)) to navigate forward to `#target`
    1. Launch Narrator and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:#target
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Down arrow (Jump to next item (scan mode))
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "This is generated content, edit"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#target`
    1. Launch Narrator and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:#target
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "This is generated content, edit"

• Result: (fail)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#target`
    1. Launch NVDA and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:#target
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "is generated, edit, blank"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (fail)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#target`
    1. Launch NVDA and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:#target
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "is generated, edit, blank"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#target`
    1. Launch NVDA and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:#target
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "This is generated content, edit, blank"

• Result: (pass)
  • Test Case: Use down arrow (Read next item) to navigate forward to `#target`
    1. Launch Orca and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:#target
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: down arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "This is generated content, entry"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#target`
    1. Launch Orca and Firefox.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:#target
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "This is generated content, entry, focus mode"

• Result: (pass)
  • Test Case: Use Swipe right (or alt+right arrow) (Read next item) to navigate forward to `#target`
    1. Launch TalkBack and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:#target
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe right (or alt+right arrow) (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "This is generated content, edit"

• Result: (unknown)
  • Test Case: Use "Tap <text>" or just "<text>" (Activate item by name)
    1. Launch Voice Access (Android) and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:#target
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Tap <text>" or just "<text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: button was not activated
  • Command Notes: said "tap this is generated content". VA does not support HTML form labels, so it is not known if this result is due to lack of CSS generated content support or lack of HTML form label support.

• Result: (partial)
  • Test Case: Use "Tap <text>" (Activate item by name)
    1. Launch Voice Control (iOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:#target
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Tap <text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: 3 names were created, "this", "is generated", and "content".
  • Command Notes: said "show names" and 3 names were displayed, while 1 is expected. said "tap this is generated content" and the command failed. said "tap content" and the command passed. said "tap is generated" and the command passed.

• Result: (pass)
  • Test Case: Use "Click <text>" (Activate item by name)
    1. Launch Voice Control (MacOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:#target
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Click <text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: input was focused
  • Command Notes: said "click this is generated content"

• Result: (pass)
  • Test Case: Use Swipe Right (Next item) to navigate forward to `#target`
    1. Launch VoiceOver (iOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:#target
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Swipe Right (Next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "This is generated content, text field"

• Result: (pass)
  • Test Case: Use VO + Right arrow (Read next item) to navigate forward to `#target`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:#target
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: VO + Right arrow (Read next item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "This is generated content, edit text"
• Result: (pass)
  • Test Case: Use Tab (Read next focusable item) to navigate forward to `#target`
    1. Launch VoiceOver (macOS) and Safari.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:#target
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Position and configure the screen reader so that the following conditions are met
       • Virtual focus is: before target
       • Keyboard focus is: before target
       • Mode is: auto (do not explicitly change the mode)
    5. Issue the command: Tab (Read next focusable item)
       • After issuing the command, virtual focus should be: target
    6. Record results for the relevant expectations
  • Output: "This is generated content, edit text"

• Result: (pass)
  • Test Case: Use "Click <text>" (Activate item by name)
    1. Launch Windows Speech Recognition and Edge.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:#target
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Click <text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: role was activated
  • Command Notes: said "click this is generated content"

• Result: (fail)
  • Test Case: Use "Click <text>" (Activate item by name)
    1. Launch Windows Speech Recognition and Chrome.
    2. Navigate to the test page.
    3. Find the target element(s) that you will test against. Identify all elements that match this selector:#target
       • If multiple elements match the selector, repeat this test for all instances. However, choose a single instance to report against. If you feel that the selector should be more specific, please open a GitHub Issue.
    4. Issue the command: "Click <text>" (Activate item by name)
    5. Record results for the relevant expectations
  • Output: role was not activated
  • Command Notes: said "click this is generated content"
  • Grading note: This command may be expected to fail. This result simply indicates that it did not yield support.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4