diff --git a/app/src/ui/lib/sandboxed-markdown.tsx b/app/src/ui/lib/sandboxed-markdown.tsx index 029ebb2be3..ffb4ff9eae 100644 --- a/app/src/ui/lib/sandboxed-markdown.tsx +++ b/app/src/ui/lib/sandboxed-markdown.tsx @@ -42,6 +42,10 @@ interface ISandboxedMarkdownProps { readonly markdownContext?: MarkdownContext readonly underlineLinks: boolean + + /** An area label to explain to screen reader users what the contents of the + * iframe are before they navigate into them. */ + readonly ariaLabel: string } interface ISandboxedMarkdownState { @@ -378,6 +382,7 @@ export class SandboxedMarkdown extends React.PureComponent< className="sandboxed-markdown-component" sandbox="" ref={this.onFrameRef} + aria-label={this.props.ariaLabel} /> {tooltipElements.map(e => ( ) } diff --git a/app/src/ui/pull-request-quick-view.tsx b/app/src/ui/pull-request-quick-view.tsx index 7ec9aa4d11..9d2fc97676 100644 --- a/app/src/ui/pull-request-quick-view.tsx +++ b/app/src/ui/pull-request-quick-view.tsx @@ -216,6 +216,7 @@ export class PullRequestQuickView extends React.Component< onMarkdownLinkClicked={this.onMarkdownLinkClicked} onMarkdownParsed={this.onMarkdownParsed} underlineLinks={this.props.underlineLinks} + ariaLabel="Pull request markdown body" /> ) diff --git a/app/src/ui/release-notes/release-notes-dialog.tsx b/app/src/ui/release-notes/release-notes-dialog.tsx index b9239fa05a..2c7852cc10 100644 --- a/app/src/ui/release-notes/release-notes-dialog.tsx +++ b/app/src/ui/release-notes/release-notes-dialog.tsx @@ -120,6 +120,7 @@ export class ReleaseNotes extends React.Component { emoji={this.props.emoji} onMarkdownLinkClicked={this.onMarkdownLinkClicked} underlineLinks={this.props.underlineLinks} + ariaLabel="Release notes generated from markdown" /> ) }