Symbols in the UI
Symbols should be written out in UI text, with the symbol in parentheses using nonbreaking spaces. Use hidden text for symbols when space is limited.
Avoid using symbols in UI text. If you need to use a symbol in UI text, write out the name of the symbol first, and then refer to the symbol in parentheses with nonbreaking spaces.
See Showing symbols in text for more information on how to use symbols and what to call them.
If you don't have space to write out the name of the symbol, you can use hidden text such as the aria-label attribute to define the symbol. See Writing with accessibility for more information.
Example
See the following example:
| Enter your search after the pipe ( | ). | Enter your search after the |. |