WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: [WebAim] differentiate between the edit and read only edit fields.

for

From: glen walker
Date: Mar 13, 2020 3:09PM

Regarding editable and readonly fields, you don't have to do anything
special if you have semantic html.

<input>
<input readonly>

These two input fields will be read correctly by screen readers without you
having to do anything extra (assuming you have properly associated labels
for the fields).

I didn't follow what you meant when you said "the visual focus will be on
the section header and keyboard focus will be on the edit Field". How is
the visual focus different from the keyboard focus?

Also, I wouldn't expect my focus to move to a section heading. It's not an
interactive element so shouldn't receive focus.