{"id":18573393,"url":"https://github.com/kafkaesc/angular-skipper","last_synced_at":"2026-04-11T18:04:46.988Z","repository":{"id":73371094,"uuid":"396159757","full_name":"kafkaesc/Angular-Skipper","owner":"kafkaesc","description":"Angular-Skipper is a demo for how to effectively implement a skip to main content link in Angular. ⛵️","archived":false,"fork":false,"pushed_at":"2023-01-13T02:25:56.000Z","size":1358,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-02-17T14:44:55.581Z","etag":null,"topics":["accessibility","angular","bootstrap","javascript","typescript","ux","web"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kafkaesc.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-08-14T23:34:49.000Z","updated_at":"2023-06-23T13:28:20.000Z","dependencies_parsed_at":"2024-07-12T04:02:15.698Z","dependency_job_id":null,"html_url":"https://github.com/kafkaesc/Angular-Skipper","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kafkaesc%2FAngular-Skipper","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kafkaesc%2FAngular-Skipper/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kafkaesc%2FAngular-Skipper/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kafkaesc%2FAngular-Skipper/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kafkaesc","download_url":"https://codeload.github.com/kafkaesc/Angular-Skipper/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254436950,"owners_count":22070949,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["accessibility","angular","bootstrap","javascript","typescript","ux","web"],"created_at":"2024-11-06T23:09:12.872Z","updated_at":"2026-04-11T18:04:46.950Z","avatar_url":"https://github.com/kafkaesc.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# My Favorite Things\n\nThis project is a demonstration of how to implement a reliable 'skip to main content' button using the Angular framework. This button is not always necessary, but on pages with large headers it can be an important quality of life improvement for keyboard-focused and keyboard-dependent users.\n\nThe layout for this site includes a skip to main content button next to the site logo, but it is only visible when focused. Clicking or pressing enter on the button will shift the focus the first item in the page's main content, skipping the navigation items as suggested.\n\nBeneath the main navigation menu is a sub-menu demonstrating different typical methods one might use to write a skip to main content button for a site. So far only `[href]` calling a string from the component's TypeScript works as a reliable solution.\n\nIf you are using Safari or Firefox on macOS and this site is not behaving as expected, you might want to check your system settings. You can find more details about this [here](https://stackoverflow.com/questions/11704828/how-to-allow-keyboard-focus-of-links-in-firefox/11713537#11713537).\n\nTo run:\n\n1. navigate to the project folder\n1. `npm install`\n1. `ng serve -o`\n\nA working version of this site can be viewed at https://kafkaesc.github.io/Angular-Skipper.\n\nThe full code for this site can be viewed at https://github.com/kafkaesc/Angular-Skipper.\n\nBuilt by Jared Hettinger.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkafkaesc%2Fangular-skipper","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkafkaesc%2Fangular-skipper","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkafkaesc%2Fangular-skipper/lists"}