Skip to content

Commit

Permalink
Tooltip | Update accessibility doc
Browse files Browse the repository at this point in the history
  • Loading branch information
gucal committed Aug 10, 2023
1 parent e6af12b commit d859c1c
Showing 1 changed file with 23 additions and 25 deletions.
48 changes: 23 additions & 25 deletions src/app/showcase/doc/tooltip/accessibilitydoc.ts
Original file line number Diff line number Diff line change
Expand Up @@ -2,31 +2,29 @@ import { Component, Input } from '@angular/core';

@Component({
selector: 'accessibility-doc',
template: ` <app-developmentsection>
<div>
<app-docsectiontext [title]="title" [id]="id">
<h3>Screen Reader</h3>
<p>Tooltip component uses <i>tooltip</i> role and when it becomes visible the generated id of the tooltip is defined as the <i>aria-describedby</i> of the target.</p>
<h3>Keyboard Support</h3>
<div class="doc-tablewrapper">
<table class="doc-table">
<thead>
<tr>
<th>Key</th>
<th>Function</th>
</tr>
</thead>
<tbody>
<tr>
<td><i>escape</i></td>
<td>Closes the tooltip when focus is on the target.</td>
</tr>
</tbody>
</table>
</div>
</app-docsectiontext>
</div>
</app-developmentsection>`
template: `
<app-docsectiontext [title]="title" [id]="id">
<h3>Screen Reader</h3>
<p>Tooltip component uses <i>tooltip</i> role and when it becomes visible the generated id of the tooltip is defined as the <i>aria-describedby</i> of the target.</p>
<h3>Keyboard Support</h3>
<div class="doc-tablewrapper">
<table class="doc-table">
<thead>
<tr>
<th>Key</th>
<th>Function</th>
</tr>
</thead>
<tbody>
<tr>
<td><i>escape</i></td>
<td>Closes the tooltip when focus is on the target.</td>
</tr>
</tbody>
</table>
</div>
</app-docsectiontext>
`
})
export class AccessibilityDoc {
@Input() id: string;
Expand Down

0 comments on commit d859c1c

Please sign in to comment.