iSharkFly-Docs
/
angular-docs-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(docs-infra): improve a11y (#28086) 

Issue #27723

PR Close #28086
This commit is contained in:
WilliamKoza 2019-01-11 19:44:08 +01:00 committed by Alex Rickabaugh
parent 80967ce82c
commit 50cf2ac6d8
10 changed files with 19 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
aio/content/marketing/features.html
View File

@ -8,7 +8,7 @@
<div class="feature-section"> <div class="feature-section">
<div class="feature-header"> <div class="feature-header">
<div class="text-headline">Cross Platform</div> <div class="text-headline">Cross Platform</div>
<img src="generated/images/marketing/features/feature-icon.svg" height="70px"> <img src="generated/images/marketing/features/feature-icon.svg" height="70px" alt="">
</div> </div>
<div class="feature-row"> <div class="feature-row">
@ -34,7 +34,7 @@
<div class="feature-section"> <div class="feature-section">
<div class="feature-header"> <div class="feature-header">
<div class="text-headline">Speed and Performance</div> <div class="text-headline">Speed and Performance</div>
<img src="generated/images/marketing/features/feature-icon.svg" height="70px"> <img src="generated/images/marketing/features/feature-icon.svg" height="70px" alt="">
</div> </div>
<div class="feature-row"> <div class="feature-row">
@ -59,7 +59,7 @@
<div class="feature-section"> <div class="feature-section">
<div class="feature-header"> <div class="feature-header">
<div class="text-headline">Productivity</div> <div class="text-headline">Productivity</div>
<img src="generated/images/marketing/features/feature-icon.svg" height="70px"> <img src="generated/images/marketing/features/feature-icon.svg" height="70px" alt="">
</div> </div>
<div class="feature-row"> <div class="feature-row">
@ -84,7 +84,7 @@
<div class="feature-section"> <div class="feature-section">
<div class="feature-header"> <div class="feature-header">
<div class="text-headline">Full Development Story</div> <div class="text-headline">Full Development Story</div>
<img src="generated/images/marketing/features/feature-icon.svg" height="70px"> <img src="generated/images/marketing/features/feature-icon.svg" height="70px" alt="">
</div> </div>
<div class="feature-row"> <div class="feature-row">

4
aio/content/marketing/index.html
View File

@ -9,7 +9,7 @@
<!-- LOGO --> <!-- LOGO -->
<div class="hero-logo"> <div class="hero-logo">
<img src="assets/images/logos/angular/angular.svg"/> <img src="assets/images/logos/angular/angular.svg" alt="Angular"/>
</div> </div>
<!-- CONTAINER --> <!-- CONTAINER -->
@ -104,7 +104,7 @@
<div layout="row" layout-xs="column" class="home-row"> <div layout="row" layout-xs="column" class="home-row">
<a href="guide/quickstart"> <a href="guide/quickstart">
<div class="card"> <div class="card">
<img src="generated/images/marketing/home/code-icon.svg" height="70px"> <img src="generated/images/marketing/home/code-icon.svg" height="70px" alt="Angular quickstart">
<div class="card-text-container"> <div class="card-text-container">
<div class="text-headline">Get Started</div> <div class="text-headline">Get Started</div>
<p>Start building your Angular application.</p> <p>Start building your Angular application.</p>

6
aio/content/marketing/presskit.html
View File

@ -20,7 +20,7 @@
<div class="presskit-row"> <div class="presskit-row">
<div class="presskit-inner"> <div class="presskit-inner">
<div class="presskit-image-container"> <div class="presskit-image-container">
<img src="assets/images/logos/angular/angular.svg" alt="Angular"> <img src="assets/images/logos/angular/angular.svg" alt="Full color logo Angular">
</div> </div>
<div> <div>
<h3 class="l-space-left-3">FULL COLOR LOGO</h3> <h3 class="l-space-left-3">FULL COLOR LOGO</h3>
@ -40,7 +40,7 @@
<div class="presskit-inner"> <div class="presskit-inner">
<div class="presskit-image-container"> <div class="presskit-image-container">
<div> <div>
<img src="assets/images/logos/angular/angular_solidBlack.svg"> <img src="assets/images/logos/angular/angular_solidBlack.svg" alt="Black logo Angular">
</div> </div>
</div> </div>
<div> <div>
@ -61,7 +61,7 @@
<div class="presskit-inner"> <div class="presskit-inner">
<div class="presskit-image-container"> <div class="presskit-image-container">
<div> <div>
<img src="assets/images/logos/angular/angular_whiteTransparent.svg" class="transparent-img-bg"> <img src="assets/images/logos/angular/angular_whiteTransparent.svg" class="transparent-img-bg" alt="Transparent logo Angular">
</div> </div>
</div> </div>
<div> <div>

2
aio/src/404-body.html
View File

@ -23,7 +23,7 @@
<mat-sidenav-container class="sidenav-container mat-drawer-container mat-sidenav-container" role="main"> <mat-sidenav-container class="sidenav-container mat-drawer-container mat-sidenav-container" role="main">
<mat-sidenav-content class="mat-drawer-content mat-sidenav-content"> <mat-sidenav-content class="mat-drawer-content mat-sidenav-content">
<section class="sidenav-content" role="content"> <section class="sidenav-content" role="article">
<aio-doc-viewer> <aio-doc-viewer>
<div class="content"> <div class="content">
<div class="nf-container l-flex-wrap flex-center"> <div class="nf-container l-flex-wrap flex-center">

4
aio/src/app/app.component.html
View File

@ -52,7 +52,7 @@
</div> </div>
</mat-sidenav> </mat-sidenav>
<section class="sidenav-content" [id]="pageId" role="content"> <main class="sidenav-content" [id]="pageId" role="main">
<aio-mode-banner [mode]="deployment.mode" [version]="versionInfo"></aio-mode-banner> <aio-mode-banner [mode]="deployment.mode" [version]="versionInfo"></aio-mode-banner>
<aio-doc-viewer [class.no-animations]="isStarting" <aio-doc-viewer [class.no-animations]="isStarting"
[doc]="currentDocument" [doc]="currentDocument"
@ -62,7 +62,7 @@
(docRendered)="onDocRendered()"> (docRendered)="onDocRendered()">
</aio-doc-viewer> </aio-doc-viewer>
<aio-dt [on]="dtOn" [(doc)]="currentDocument"></aio-dt> <aio-dt [on]="dtOn" [(doc)]="currentDocument"></aio-dt>
</section> </main>
</mat-sidenav-container> </mat-sidenav-container>

4
aio/src/app/app.component.spec.ts
View File

@ -1071,7 +1071,7 @@ describe('AppComponent', () => {
it('should set the id of the doc viewer container based on the current doc', () => { it('should set the id of the doc viewer container based on the current doc', () => {
initializeTest(false); initializeTest(false);
const container = fixture.debugElement.query(By.css('section.sidenav-content')); const container = fixture.debugElement.query(By.css('main.sidenav-content'));
navigateTo('guide/pipes'); navigateTo('guide/pipes');
expect(component.pageId).toEqual('guide-pipes'); expect(component.pageId).toEqual('guide-pipes');
@ -1088,7 +1088,7 @@ describe('AppComponent', () => {
it('should not be affected by changes to the query', () => { it('should not be affected by changes to the query', () => {
initializeTest(false); initializeTest(false);
const container = fixture.debugElement.query(By.css('section.sidenav-content')); const container = fixture.debugElement.query(By.css('main.sidenav-content'));
navigateTo('guide/pipes'); navigateTo('guide/pipes');
navigateTo('guide/other?search=http'); navigateTo('guide/other?search=http');

2
aio/src/app/custom-elements/announcement-bar/announcement-bar.component.ts
View File

@ -46,7 +46,7 @@ export interface Announcement {
template: ` template: `
<div class="homepage-container" *ngIf="announcement"> <div class="homepage-container" *ngIf="announcement">
<div class="announcement-bar"> <div class="announcement-bar">
<img [src]="announcement.imageUrl"> <img [src]="announcement.imageUrl" alt="">
<p [innerHTML]="announcement.message"></p> <p [innerHTML]="announcement.message"></p>
<a class="button" [href]="announcement.linkUrl">Learn More</a> <a class="button" [href]="announcement.linkUrl">Learn More</a>
</div> </div>

2
aio/src/index.html
View File

@ -93,7 +93,7 @@
<div class="background-sky hero"></div> <div class="background-sky hero"></div>
<section id="intro" style="text-shadow: 1px 1px #1976d2;"> <section id="intro" style="text-shadow: 1px 1px #1976d2;">
<div class="hero-logo"> <div class="hero-logo">
<img src="assets/images/logos/angular/angular.svg" width="250" height="250"> <img src="assets/images/logos/angular/angular.svg" width="250" height="250" alt="Angular">
</div> </div>
<div class="homepage-container"> <div class="homepage-container">
<div class="hero-headline">One framework.<br>Mobile &amp; desktop.</div> <div class="hero-headline">One framework.<br>Mobile &amp; desktop.</div>

4
aio/src/styles/1-layouts/_marketing-layout.scss
View File

@ -268,13 +268,13 @@ section#intro {
aio-shell { aio-shell {
&.page-resources, &.page-events, &.page-features, &.page-presskit, &.page-contribute { &.page-resources, &.page-events, &.page-features, &.page-presskit, &.page-contribute {
section { main {
padding: 0rem 0rem 3rem; padding: 0rem 0rem 3rem;
} }
} }
&.page-home { &.page-home {
section { main {
padding: 0; padding: 0;
} }
} }

2
aio/src/styles/2-modules/_notification.scss
View File

@ -89,7 +89,7 @@ aio-notification {
} }
&.page-home, &.page-resources, &.page-events, &.page-features, &.page-presskit, &.page-contribute { &.page-home, &.page-resources, &.page-events, &.page-features, &.page-presskit, &.page-contribute {
section { main {
padding-top: $notificationHeight; padding-top: $notificationHeight;
} }
} }