Skip to content

Commit 0cf75e2

Browse files
committed
a11y run
1 parent fbe87c7 commit 0cf75e2

File tree

3 files changed

+11
-11
lines changed

3 files changed

+11
-11
lines changed

packages/typescriptlang-org/src/pages/branding.tsx

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ const Index: React.FC<Props> = (props) => {
2020

2121
<div className="raised content main-content-block headline">
2222
<a href={withPrefix("/branding/typescript-design-assets.zip")}>
23-
<img src={withPrefix("images/branding/logo-grouping.svg")} style={{ maxWidth: "100%" }} />
23+
<img src={withPrefix("images/branding/logo-grouping.svg")} style={{ maxWidth: "100%" }} alt="Examples of the logos" />
2424
<p style={{ textAlign: "center" }}>Click to download the asset pack</p>
2525
</a>
2626
</div>
@@ -39,15 +39,15 @@ const Index: React.FC<Props> = (props) => {
3939
<div className="main-content-block">
4040
<Row>
4141
<div className="raised content main-content-block subheadline">
42-
<a href={withPrefix("/branding/typescript-design-assets.zip")}>
43-
<img src={withPrefix("images/branding/two-colors.svg")} style={{ maxWidth: "100%", margin: "2rem 0" }} />
42+
<a href={withPrefix("/branding/typescript-design-assets.zip")} title="Download the design assets">
43+
<img src={withPrefix("images/branding/two-colors.svg")} style={{ maxWidth: "100%", margin: "2rem 0" }} alt="Examples of the logos as single colors" />
4444
</a>
4545
<p className="attached-bottom">Single color variant which has the “TS” cut out, useful for when you need a single color design.</p>
4646
</div>
4747

4848
<div className="raised content main-content-block subheadline">
49-
<a href={withPrefix("/branding/typescript-design-assets.zip")}>
50-
<img src={withPrefix("images/branding/two-longform.svg")} style={{ maxWidth: "100%", margin: "2rem 0" }} />
49+
<a href={withPrefix("/branding/typescript-design-assets.zip")} title="Download the design assets">
50+
<img src={withPrefix("images/branding/two-longform.svg")} style={{ maxWidth: "100%", margin: "2rem 0" }} alt="Examples of the logos as long-form. e.g. saying 'TypeScript' and not 'TS'" />
5151
</a>
5252
<p className="attached-bottom">Full lettermark version of the TypeScript logo. </p>
5353
</div>
@@ -57,14 +57,14 @@ const Index: React.FC<Props> = (props) => {
5757
<h2>Palette</h2>
5858

5959
<div className="raised content main-content-block headline">
60-
<a href={withPrefix("/branding/typescript-design-assets.zip")}>
61-
<img src={withPrefix("images/branding/palette.svg")} style={{ maxWidth: "100%" }} />
60+
<a href={withPrefix("/branding/typescript-design-assets.zip")} title="Download the design assets">
61+
<img src={withPrefix("images/branding/palette.svg")} style={{ maxWidth: "100%" }} alt="Examples of the palette, you can get this in ASCII inside the design assets" />
6262
</a>
6363
</div>
6464

6565
<div className="raised content main-content-block headline">
66-
<a href={withPrefix("/branding/typescript-design-assets.zip")}>
67-
<img src={withPrefix("images/branding/palette-bg.svg")} style={{ maxWidth: "100%" }} />
66+
<a href={withPrefix("/branding/typescript-design-assets.zip")} title="Download the design assets">
67+
<img src={withPrefix("images/branding/palette-bg.svg")} style={{ maxWidth: "100%" }} alt="Examples of the palette, you can get this in ASCII inside the design assets" />
6868
</a>
6969
</div>
7070

packages/typescriptlang-org/src/templates/pages/css/index.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1123,7 +1123,7 @@ $headline-foreground-bg: white;
11231123
// Convert the shiki CSS for highlighting to instead be red
11241124
.via-delete {
11251125
.highlight {
1126-
background-color: #fff1f1;
1126+
background-color: #fffdfd;
11271127
}
11281128
.dim {
11291129
opacity: 1;

packages/typescriptlang-org/src/templates/pages/docs/index.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ const Index: React.FC<Props> = (props) => {
3131
if (item.items) {
3232
return <>
3333
<li key={item.id}>{item.title}</li>
34-
<ul><RenderItems items={item}/></ul>
34+
<li><ul><RenderItems items={item}/></ul></li>
3535
</>
3636
} else {
3737

0 commit comments

Comments
 (0)