Questions & Answers
When to use aria-label vs. aria-labelledby?
When to use the aria-label attribute vs. the aria-labelledby attribute?
- accessibility tree
- accessible name
- aria
- html
- label
How can I make a disabled button focusable, clickable, in general “interact-able”?
I have a button on my page which I'd like to make disabled. If I use disabled as an attribute I can no longer tab navigate to it, or handle click events on the button. How can I maintain its disabled meaning, while being able...
- aria
- html
- screen readers
Do I need to add a ‘role’ attribute to html 5 tags like nav aside, main, etc.?
I am using the new html 5 tags on my site to give it more semantics. In addition to this should they all be given the corresponding role?
- best practices
- html
How do I know if my websites structure is laid out correctly?
My page looks good visually, but I am not sure if its structure is laid out properly or if I used the right elements. How am I supposed to know if I've done things the "right" way?
- best practices
- building content
- html
- page structure
How do you fix a “suspicious link text” warning in the Wave Scanner?
I ran my page through the wave scanner in chrome and got 'suspicious link text' as a warning. My question is this... how specific do I need to make the text? If I go over the top and make it super specific it goes away...
- best practices
- building content
- html
- wave scanner
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 change the order the elements on my page are given focus?
When I tab through the elements on my site with the keyboard everything is almost perfect except for a couple case where it looks like the order is messed up. How can I change the order the elements on my page are given focus when...
- best practices
- html
- keyboard
- page structure
Is there a form element meant to provide instruction?
I know how to add labels to form inputs to 'label' what they are. I am wondering if there is something similar for describing what a field is in more details? I want to there to be little text under a text field but don't...
- best practices
- form
- html
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
What is an orphaned form label?
When using the Wave Scanner to repair my website I saw the warning "Orphaned Form Label", with the description was “a form label is present but it is not correctly associated with a form control”. What is this?
- form
- html