how to remove the - through Or?

2 Replies

Is the line through "Or" a border on the .line element?

vince•2y ago

Give the ::before a background color and give it a higher z-index than the dash. See if that works Though this raises a question: "Can screen readers read a psuedo element's contents?" https://accessibleweb.com/question-answer/how-is-css-pseudo-content-treated-by-screen-readers/

CSS pseudo element content, either :before or :after, must only be used for decorative purposes. If you insert meaningful content using a :before or :after pseudo element, it is in violation of success criteria 1.3.1. Due to the inconsistencies in how assistive technologies interpret pseudo elements, they may be either completely ignored or misunderstood, causing confusion for your users.

CSS pseudo element content, either :before or :after, must only be used for decorative purposes. If you insert meaningful content using a :before or :after pseudo element, it is in violation of success criteria 1.3.1. Due to the inconsistencies in how assistive technologies interpret pseudo elements, they may be either completely ignored or misunderstood, causing confusion for your users.

So instead of making this a psuedo element I'd make your "Or" inside a span or something similar so that screen readers are able to read it

Gaming

Programming

how to remove the - through Or?