---
title: "Discussion on \"Using text symbols in pseudo-elements accessibly\" | Hashnode"
description: "Discussion on \"Using text symbols in pseudo-elements accessibly\". Generated content (the ::before and ::after pseudo-elements) is quite handy for styling elements without disrupting markup. We can use it for creating things like custom checkboxes without any extra elements.\nhttps://codepen.io/MrRoboto/pen/OJxaGyb\n ..."
url: "https://hashnode.com/posts/using-text-symbols-in-pseudo-elements-accessibly/63b8aefb8941112f8627c8d3"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Using text symbols in pseudo-elements accessibly](https://blog.mayank.co/using-text-symbols-in-pseudo-elements-accessibly?utm_source=hashnode&utm_medium=feed)

Generated content (the ::before and ::after pseudo-elements) is quite handy for styling elements without disrupting markup. We can use it for creating things like custom checkboxes without any extra elements. https://codepen.io/MrRoboto/pen/OJxaGyb ...

Jan 6, 2023 · 3 min read · blog.mayank.co  
Updated Jan 14, 2023  
Read the article

-   [#css](https://hashnode.com/tag/css)
-   [#web-development](https://hashnode.com/tag/web-development)

## Written by

[Mayank](https://hashnode.com/@mayxnk)

@mayxnk

  
[View profile](https://hashnode.com/@mayxnk)

frontend stuff

## Responses 2

Markdown supported · ⌘↵ to post

[Neil Osman](https://hashnode.com/@ww3)

[Feb 22, 2023](https://hashnode.com/posts/using-text-symbols-in-pseudo-elements-accessibly/63b8aefb8941112f8627c8d3/comment/63f5d5d675350fc1ff692364)

Great read! Okay, but I am not sure why is text is nice? Actually, both SVG options are scalable texts, right?

[Rizel Scarlett](https://hashnode.com/@blackgirlbytes)

[Jan 10, 2023](https://hashnode.com/posts/using-text-symbols-in-pseudo-elements-accessibly/63b8aefb8941112f8627c8d3/comment/63bd7da855c009e411585a84)

omg I've been using the wrong method this whole time. Thanks for sharing!