Skip to content
This repository was archived by the owner on Mar 20, 2024. It is now read-only.
This repository was archived by the owner on Mar 20, 2024. It is now read-only.

Setting Focus is not applying to screenreader elements, only TextArea and Input elements #105

@josephliccini

Description

@josephliccini

Note: for support questions, please use the Universal Slack Channcel or https://gitter.im/angular/universal

  • I'm submitting a ...
  • bug report
  • feature request
  • Which parts of preboot are affected by this issue?
  • server side
  • client side
  • inline
  • build process
  • docs
  • tests
  • Do you want to request a feature or report a bug?
    It's kind of both.

  • What is the current behavior?
    Right now, there's logic to maintain focus in elements such as <textarea> and <input>, when the Client swaps into view.

Users who use screenreaders use the browser focus for many other different elements on the page, and rely on the focus on those elements, along with the screenreader, to announce where they are on the app.

If a screenreader user tabs through an <a> tag, for example, on the Server View, the Client View will not set focus.

  • If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem by creating a github repo.
    If you just tab to an <a> tag in the server view, the call replayEvents() you will lose focus.

  • What is the expected behavior?
    Focus is maintained for all elements, not just <textarea> and <input>

  • What is the motivation / use case for changing the behavior?
    Accessibility

  • Please tell us about your environment:

  • Browser: [all ]
  • Language: [ TypeScript ]
  • OS: [all]
  • Platform: [all]
  • Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions