html

In my template I have a bunch of cards, each has name and a button. Button title should contain name. Simplified:

I want to build an "image select" feature into my form, like this:

In most cases there doesn't seem to be any visual indication which must be difficult for users who rely on the keyboard.

I'm working on fixing some accessibility issues on a web page.

I need to nest some elements where two elements have a role attribute.
Is it possible that the inner elements are also read out?

My code:

I have a webpage which uses radio button labels as buttons, with inputs hidden

I know the Visual Studio 2012 has an accessibility checker that checks for 508 compliance, but a portion of our content is dynamically generated using JavaScript and jQuery, and as such cannot be c

I have been using the Mac OSX's built in screen-reader for testing my site, I know it's not the best but it's all I have for now. But I'm finding it isn't pausing at the end of elements...

Please correct me if I am wrong, but usually screen reader navigation works by pressing the tab key, and usually you do not have (or need) tab-able images.

I am working on a website using frames. The top frame holds the menu items and the bottom frame holds the main content.

How can I href to main frame content section?