Skip to content

Dialog: «Close» button located at the end of the dialog window and caption is not marked as heading #2560

@PosikBoy

Description

@PosikBoy

Describe the bug

  1. The close button is positioned at the end of the DOM tree. When a screen reader user navigates into the dialog, they must tab through numerous elements before reaching it, creating a poor user experience.
    I suggest moving the close button to the top of the dialog window.

  2. Heading in dialog not marked as heading
    Suggest mart it as h2

Reproduction

https://stackblitz.com/edit/gravity-ui-uikit-example-camd3mlr?file=src%2FApp.tsx

Steps to reproduce

No response

Environment

macos, yandexBrowaer

Validations

Metadata

Metadata

Assignees

No one assigned

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions