htmlwcag

Tab focus does not reach on disabled input field


I am working accessibility testing. when I click on tab key to reading all the components, the focus does not reach on input field though input field is in inactive state, not editable. so for the screen reader does the tab focus should reach on input field ? what should be defect resolution ?

HTML

<input class =‘value ’ type =‘text’ disabled id=‘value’

Another query Radio button and Checkbox field are disabled so TAB focus does not reach on these field. any keyboard shortcut command ?


Solution

  • Please post the HTML in question.

    If I understand you correctly, there's an <input disabled> element. If so, then it's correct that you cannot TAB to the input.

    A screen reader user can still navigate to the input, just not with the TAB key. They can use the down arrow to walk the DOM, or a shortcut key to navigate to the next input (usually the 'E' key). The screen reader user cannot type in the field because it's disabled, but they can still navigate to it.