I have two components in main component html,

app.component.html



 <header></header>
    <left-component></left-component>
    <right-component></right-component>
    <footer></footer>

in left-component i have one form & right-component I have another form,

when using screen reader I want header to read first, second - right-component to read, I mean when i click on tab the cursor need to

come to right-component, third- left-component to read, four

    I cannot use focus directly, because tab need to go in flow from header, body, in body first component, second component, etc like

that