Important: This website does not attempt to establish a standard for how assistive technologies must behave. Read the FAQ for more information. Additionally, this is a work in progress. Please submit feedback or suggestions.

Run Test: CSS Generated Content with HTML span element

Current support: undefined

This test uses ::before and ::after pseudo classes to add content to static text

Go back to the test details page

Step 1: What are you testing with?

Note: your selection will be saved until you change it or clear your browser cache.

Make sure everything is up to date

Always make sure that your OS, Browser, and Assistive technology are up to date with the latest production versions before submitting test results. Also make sure that your assistive technology is set to factory defaults.

Please be sure to read the full instructions before completing the test.

Step 2: Run test cases and submit your findings

  1. Launch the chosen assistive technology that you want to test with.
  2. Ensure that your OS, AT, and Browser are all up to date.
  3. Navigate to the test page iframe (after these instructions) or open the test page.
  4. For each test case, locate the target element(s) and test whether or not the expectations are met

Note: Screen readers will usually announce an element in the format: "<role>, <accessible name>, <other states and properties>, <accessible description>". The order in which the name, role, and properties are announced might differ between screen readers. The exact vocabulary used will also differ.

Technology information

The selected AT/Browser combo is:

Use the "what are you testing with?" form to change your combination.

Related Features

This test is found in the following features:

Is something not right?

We use our GitHub repository to manage our issue tracking. Please provide as much information as you can for issues, and please leave the id in the issue title intact.