Merge pull request #303 from microsoft/apc/accessibility-bugs

Address accessibility bugs

Author: octogonz

playground/src/DocHtmlView.tsx

@@ -70,7 +70,7 @@ export class DocHtmlView extends React.Component<IDocHtmlViewProps> {
     if (docComment.summarySection) {
       outputElements.push(
         <React.Fragment key="summary">
-          <h2 className="doc-heading">Summary</h2>
+          <h1 className="doc-heading">Summary</h1>
           {this._renderContainer(docComment.summarySection)}
         </React.Fragment>
       );
@@ -91,7 +91,7 @@ export class DocHtmlView extends React.Component<IDocHtmlViewProps> {
 
       outputElements.push(
         <React.Fragment key="parameters">
-          <h2 className="doc-heading">Parameters</h2>
+          <h1 className="doc-heading">Parameters</h1>
           <table className="doc-table">
             <thead>
               <tr>
@@ -109,7 +109,7 @@ export class DocHtmlView extends React.Component<IDocHtmlViewProps> {
     if (docComment.returnsBlock) {
       outputElements.push(
         <React.Fragment key="returns">
-          <h2 className="doc-heading">Return Value</h2>
+          <h1 className="doc-heading">Return Value</h1>
           {this._renderContainer(docComment.returnsBlock.content)}
         </React.Fragment>
       );
@@ -118,7 +118,7 @@ export class DocHtmlView extends React.Component<IDocHtmlViewProps> {
     if (docComment.remarksBlock) {
       outputElements.push(
         <React.Fragment key="remarks">
-          <h2 className="doc-heading">Remarks</h2>
+          <h1 className="doc-heading">Remarks</h1>
           {this._renderContainer(docComment.remarksBlock.content)}
         </React.Fragment>
       );
@@ -150,7 +150,7 @@ export class DocHtmlView extends React.Component<IDocHtmlViewProps> {
 
       outputElements.push(
         <React.Fragment key="seeAlso">
-          <h2 className="doc-heading">See Also</h2>
+          <h1 className="doc-heading">See Also</h1>
           <ul>{listItems}</ul>
         </React.Fragment>
       );
@@ -173,7 +173,7 @@ export class DocHtmlView extends React.Component<IDocHtmlViewProps> {
 
       outputElements.push(
         <React.Fragment key="modifiers">
-          <h2 className="doc-heading">Modifiers</h2>
+          <h1 className="doc-heading">Modifiers</h1>
           {modifierElements}
         </React.Fragment>
       );

playground/src/PlaygroundView.tsx

@@ -236,6 +236,7 @@ export class PlaygroundView extends React.Component<IPlaygroundViewProps, IPlayg
     return (
       <textarea
         className="playground-lines-text-editor"
+        aria-label="Playground lines text editor"
         style={{
           ...this._textAreaStyle,
           border: 'none',

playground/src/SyntaxStyler/DocNodeSyntaxStylerTheme.ts

@@ -14,18 +14,18 @@ export class MonacoTSDocTheme {
     'tsdoc.delimiter': { foreground: 'a6a6a6' },
     'tsdoc.tag.block': { foreground: '003399', fontWeight: 'bold', className: 'tsdoc-blocktag' },
     'tsdoc.tag.inline': { foreground: '003399', fontWeight: 'bold' },
-    'tsdoc.tag.modifier': { foreground: 'c55a11', fontWeight: 'bold' },
+    'tsdoc.tag.modifier': { foreground: 'C55411', fontWeight: 'bold' },
     'tsdoc.tag.undefined': { foreground: 'a6a6a6' },
-    'tsdoc.member.selector': { foreground: 'c55a11' },
-    'tsdoc.member.identifier': { foreground: '5b9bd5' },
+    'tsdoc.member.selector': { foreground: 'C55411' },
+    'tsdoc.member.identifier': { foreground: '3D7CAA' },
     'tsdoc.packageName': { foreground: '003399' },
     'tsdoc.importPath': { foreground: '003399' },
     'tsdoc.element.name': { foreground: '003399' },
     'tsdoc.element.attribute.name': { foreground: '003399' },
     'tsdoc.element.attribute.value': { foreground: '000000' },
-    'tsdoc.url': { foreground: '5b9bd5', className: 'tsdoc-underline' },
+    'tsdoc.url': { foreground: '3D7CAA', className: 'tsdoc-underline' },
     'tsdoc.code': { foreground: '000000' },
-    'tsdoc.language': { foreground: 'c55a11' },
+    'tsdoc.language': { foreground: 'C55411' },
     'tsdoc.error': { foreground: 'FFFFFF', background: 'c00000' },
     'tsdoc.escaped': { background: 'e0e0e0' }
   };