Questions & Answers
Can I hide content while maintaining web accessibility?
How can I hide content while still maintaining web accessibility?
- aria
- CSS
- hidden content
What are the requirements for text spacing?
What are the accessibility requirements for text spacing?
- CSS
- text spacing
- wcag
Why can’t I use CSS :before and :after to insert content?
It's really very annoying that CSS pseudo element content, either :before or :after is outlawed. It is a really useful way of storing stock responses to activities, effectively creating global variables that have to be set only once. Eg html[lang="en"] [pageType="multichoice"] .wellDoneDiv::before{ content:"Well Done, that's...
- CSS
- css psuedo content
Does placeholder text need to meet color contrast requirements?
Placeholder text for form inputs are often times very light. Does placeholder text need to meet contrast requirements?
- color
- CSS
- text
How can I add keyboard only focus styling?
I would like to add focus states for interactive elements on my website, however I don't want the styling I add to apply when clicking on elements. If I just use :focus in my css I see the styles come through when clicking elements, or...
- CSS
- focus
- keyboard
How is CSS pseudo content treated by screen readers?
I've been told to be aware of CSS pseudo content because of the way it is treated by screen readers. Do you have any guidance?
- CSS
- css psuedo content
Minimum font size?
I like the look of smaller text on the web. And even if the text is pretty normal size, some subheadings or small bits of info look nice if they are much smaller (thinking 12px or so). Is there a minimum font size that is...
- CSS
- text
Does my site need to be usable if the CSS and javascript doesn’t load?
I've always wondered this but never really known for sure. Let's say none of my CSS or javascript loads. Does the site still need to be usable? I know a lot of really big sites are useless without CSS and javascript so I'm betting the...
- best practices
- CSS
- html
- javascript
- page structure
How do I add alt text to background images?
How do I add alternative text to describe background images? Or do I not need to worry about that?
- best practices
- building content
- CSS
- html
- images