mirror of
https://github.com/material-components/material-web.git
synced 2024-10-27 06:04:44 +03:00
fix aria in dialog
This commit is contained in:
parent
44beacb21d
commit
97028e0d7b
@ -183,7 +183,8 @@ export class DialogBase extends BaseElement {
|
||||
let heading = html``;
|
||||
|
||||
if (this.heading) {
|
||||
heading = html`<h2 class="mdc-dialog__title">${this.heading}</h2>`;
|
||||
heading = html`
|
||||
<h2 id="title" class="mdc-dialog__title">${this.heading}</h2>`;
|
||||
}
|
||||
|
||||
const actionsClasses = {
|
||||
@ -195,11 +196,11 @@ export class DialogBase extends BaseElement {
|
||||
role="alertdialog"
|
||||
aria-modal="true"
|
||||
aria-labelledby="title"
|
||||
aria-describedby="my-dialog-content">
|
||||
aria-describedby="content">
|
||||
<div class="mdc-dialog__container">
|
||||
<div class="mdc-dialog__surface">
|
||||
${heading}
|
||||
<div class="mdc-dialog__content">
|
||||
<div id="content" class="mdc-dialog__content">
|
||||
<slot></slot>
|
||||
</div>
|
||||
<footer
|
||||
|
Loading…
Reference in New Issue
Block a user