chore: 🤖 dialog must have aria-describedby for header
This commit is contained in:
2 files changed
+14
-1
No files matched your search
@@ -5,10 +5,15 @@
|
||||
...attributes
|
||||
role="dialog"
|
||||
class="rose-dialog {{if @style (concat "rose-dialog-" @style)}} {{if @modal 'modal'}}"
|
||||
id={{this.id}}
|
||||
aria-describedby={{concat "dialog-header-" this.id}}
|
||||
{{focus-trap}}
|
||||
>
|
||||
|
||||
<header class="rose-dialog-header">
|
||||
<header
|
||||
class="rose-dialog-header"
|
||||
id={{concat "dialog-header-" this.id}}
|
||||
>
|
||||
|
||||
{{#if @icon}}
|
||||
<Rose::Icon @name={{@icon}} @size="medium" />
|
||||
|
||||
@@ -1,8 +1,16 @@
|
||||
import Component from '@glimmer/component';
|
||||
import { generateComponentID } from '../../../utilities/component-auto-id';
|
||||
import { action } from '@ember/object';
|
||||
|
||||
export default class RoseDialogComponent extends Component {
|
||||
|
||||
// =attributes
|
||||
|
||||
/**
|
||||
* @type {string}
|
||||
*/
|
||||
id = generateComponentID();
|
||||
|
||||
// =methods
|
||||
|
||||
/**
|
||||
|
||||
Reference in new issue
Block a user