如果禁用了HTML中的元素，如何制表符

Question

I am working on a project to make a site accessible for blind users. I have a input box which is disabled by default and act as a label. But I am not able to access that using TAB key while tabbing through the site.

I have tried:-

tabindex="0"

which will make that element accessible using keyboard(Tab key).

I know that if the input box contains

disabled="true"

then

tabindex="0"

But that doesn't work either.

Is there any other way to make it accessible using keyboard only, so that the screen reader will read the data inside the disabled input box for the blind user?

Answer 1

How about use readonly instead of disabled ? That will still allow the <input> to be in the tab order but the user can't modify it. A screen reader will read the contents of the <input> field and will additionally say "read only".