I have a form with some read-only fields depending on the customer role. As a rule, I use read-only fields for those inputs.
Are there problems with this approach using and assistive technology?
Any other problems or benefits?
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It only takes a minute to sign up.Sign up to join this community
The problem with read-only text and accessibility arises from the the way the screen readers interact with forms in Web pages.
If you use an unattached form label, or an element that is not inside a form, the browser won't see it. But when a screen reader encounters a form it switches into “forms mode.” In this mode the screen reader will only read the form input elements and any corresponding labels. If additional plain text is inserted between two form elements, the screen reader will skip over the plain text and go directly to the next form input field.
So the right way to go is to use form elements.
These might be of help: