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"
/>
)
}