omg this is so specific but i have a vague memory of someone posting about how to use list-style-type and whether it's better to use "" or none if you want to hide the bullet points. i think one was better for accessibility but now i CAN'T REMEMBER WHICH ONE IT WAS!!!!!!! WHERE DID I READ THIS!!??!?!??
1 like
![[ KiwiMeowo's Home :3 ] avatar](/site_screenshots/16/45/kiwimeowo/index.html.50x50.webp)
![[ Aegi's Cafe ]
avatar](/site_screenshots/40/61/aegi/index.html.50x50.webp)
I used perplexity for this, which has been really useful for me for css questions (I know AI is a contentious topic), and while it didn't say which option was better, one recommendation was to add a zero-width space (content: "\200B") under li::before, if you use list-style-type: none ¯\_(ツ)_/¯
I'm not sure what specifically you're looking for, but this maybe? https://gerardkcohen.me/writing/2017/voiceover-list-style-type.html essentially list-style-type: none; won't appear as a list to screenreaders in safari, but adding a zero-width space mostly fixes it
I wrote about it here after Starbreaker highlighted it to me in a toot, but it is essentially saying what everyone else has said https://frills.dev/blog/231213-practical-accessibility/
fri11s omg yes i was searching your blog and missed it!! i knew it was you!!!!!! (ty for all the answers sorry i noticed late)
I usually just give the marker color:transparent;- I'll have to test the "" option now to see if it does better!