angular/aio/src
George Kalpakas d1baf7cdfb fix(docs-infra): add a "skip to content" link for better accessibility (#43460)
Add a link at the top of the page that allows skipping directly to the
main content area. This allows people using assistive technologies to
skip navigation-related parts of the page which are presented before the
main content.

Related resources:
- [www.w3.org](https://www.w3.org/TR/WCAG20-TECHS/G1.html)
- [accessibility.oit.ncsu.edu](https://accessibility.oit.ncsu.edu/it-accessibility-at-nc-state/developers/accessibility-handbook/mouse-and-keyboard-events/skip-to-main-content)
- [css-tricks.com](https://css-tricks.com/how-to-create-a-skip-to-content-link)

---
Example implementations on other websites:

- **[accessibility.oit.ncsu.edu](https://accessibility.oit.ncsu.edu/)**:
  ![accessibility.oit.ncsu.edu](https://user-images.githubusercontent.com/8604205/133285834-db1314e6-ff71-4862-8f80-c8a9f69083d9.png)

- **[smile.amazon.com](https://smile.amazon.com/)**:
  ![smile.amazon.com](https://user-images.githubusercontent.com/8604205/133285854-1163e733-8de3-4244-bc23-5cd5a943001d.png)

- **[chase.com](https://chase.com/)**:
  ![chase.com](https://user-images.githubusercontent.com/8604205/133293396-ade9d95f-56ce-4cdc-8926-b4cd2dc6c3a5.png)

- **[css-tricks.com](https://css-tricks.com/)**:
  ![css-tricks.com](https://user-images.githubusercontent.com/8604205/133285845-702045ee-088a-40f1-bb26-21adebb02505.png)

- **[github.com/angular/angular](https://github.com/angular/angular)**:
  ![github.com/angular/angular](https://user-images.githubusercontent.com/8604205/133921259-9fd759b9-f862-47c3-b069-643912df17a1.png)

- **[news.sky.com](https://news.sky.com/)**:
  ![news.sky.com](https://user-images.githubusercontent.com/8604205/133285863-89946096-5353-4b2b-ab69-eb748bdcfe06.png)

- **[youtube.com](https://youtube.com/)**:
  ![youtube.com](https://user-images.githubusercontent.com/8604205/133921261-a68a12c1-1aea-4ad0-8457-b4eaf8ed3497.png)

---
Angular.io implementation:

- **[angular.io](https://angular.io/)**:
  ![angular.io](https://user-images.githubusercontent.com/8604205/133409634-0054625c-d14b-4ebe-bb4c-142cfc524d98.png)

Fixes #42936

PR Close #43460
2021-09-21 16:12:39 +00:00
..
app fix(docs-infra): add a "skip to content" link for better accessibility (#43460) 2021-09-21 16:12:39 +00:00
assets fix(docs-infra): make pretty-printer compatible with Trusted Types (#42800) 2021-09-09 11:16:59 -07:00
environments build(docs-infra): align code with new CLI v12 apps (#42259) 2021-06-14 09:54:08 -07:00
extra-files docs: update links to use HTTPS as protocol (#39718) 2020-11-20 12:52:16 -08:00
styles fix(docs-infra): add a "skip to content" link for better accessibility (#43460) 2021-09-21 16:12:39 +00:00
testing fix(docs-infra): make pretty-printer compatible with Trusted Types (#42800) 2021-09-09 11:16:59 -07:00
404-body.html refactor(docs-infra): migrate aio from tslint to eslint (#42820) 2021-07-20 11:55:28 -07:00
custom-elements-es5-polyfills.js fix(docs-infra): fix angular.io on browsers that support Custom Elements but not ES2015 (#41183) 2021-03-12 13:22:57 -08:00
google385281288605d160.html build(aio): add google webmaster tools verification file 2017-05-26 01:25:58 -07:00
index.html fix(docs-infra): fix Trusted Types violation in Analytics snippet (#42800) 2021-09-09 11:16:59 -07:00
main.ts feat(docs-infra): Convert AIO to use the new Service Worker 5.0.0. (#19795) 2018-08-27 16:30:42 -04:00
noop-worker-basic.js feat(aio): provide noop service worker file 2017-05-26 14:24:41 +01:00
polyfills.ts fix(docs-infra): avoid unnecessarily loading Custom Elements ES5 shim (#41162) 2021-03-11 09:25:32 -08:00
pwa-manifest.json feat(docs-infra): add shortcuts for the angular.io PWA (#40393) 2021-01-15 10:38:39 -08:00
test.ts build(docs-infra): add assert polyfill (#41764) 2021-04-28 12:33:20 -07:00