Skip to content

[login] Consider removing separate form part and using role on the wrapper #9793

@web-padawan

Description

@web-padawan

Motivation

Currently, vaadin-login-form uses the following DOM structure internally:

<section part="form">
<div part="form-title" role="heading" aria-level="${this.headingLevel}">${this.i18n.form.title}</div>

This could be simplified in V25 by making vaadin-login-form-wrapper use role="region" instead.

Proposed solution

  • Remove <section> and set role="region" on the vaadin-login-form-wrapper element
  • Replace part="form-title" with a slotted title and set aria-labelledby on the form wrapper

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions