{"id":15381897,"url":"https://github.com/justinribeiro/toggle-tooltip","last_synced_at":"2026-02-26T06:02:01.557Z","repository":{"id":57123475,"uuid":"373633690","full_name":"justinribeiro/toggle-tooltip","owner":"justinribeiro","description":"An accessible, fast, and WCAG 2.1 compliant toggle style tooltip web component using role=status.","archived":false,"fork":false,"pushed_at":"2023-10-12T18:45:18.000Z","size":296,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-27T03:47:36.303Z","etag":null,"topics":["accessibility","ada","tooltip","web-component"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/@justinribeiro/toggle-tooltip","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/justinribeiro.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-06-03T20:32:23.000Z","updated_at":"2023-10-12T18:45:23.000Z","dependencies_parsed_at":"2024-10-01T14:29:12.462Z","dependency_job_id":"13be186d-31bd-4b21-8ff8-30c7f998a299","html_url":"https://github.com/justinribeiro/toggle-tooltip","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/justinribeiro/toggle-tooltip","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/justinribeiro%2Ftoggle-tooltip","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/justinribeiro%2Ftoggle-tooltip/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/justinribeiro%2Ftoggle-tooltip/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/justinribeiro%2Ftoggle-tooltip/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/justinribeiro","download_url":"https://codeload.github.com/justinribeiro/toggle-tooltip/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/justinribeiro%2Ftoggle-tooltip/sbom","scorecard":{"id":544126,"data":{"date":"2025-08-11","repo":{"name":"github.com/justinribeiro/toggle-tooltip","commit":"105bbfe2fde9c18215accce02710fe9716c5153c"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":1.7,"checks":[{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Code-Review","score":0,"reason":"Found 0/10 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"SAST","score":0,"reason":"no SAST tool detected","details":["Warn: no pull requests merged into dev branch"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'main'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"Vulnerabilities","score":0,"reason":"31 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-28mc-g557-92m7","Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","Warn: Project is vulnerable to: GHSA-4w2v-q235-vp99","Warn: Project is vulnerable to: GHSA-cph5-m8f7-6c5x","Warn: Project is vulnerable to: GHSA-wf5p-g6vw-rhxx","Warn: Project is vulnerable to: GHSA-jr5f-v2jv-69x6","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c","Warn: Project is vulnerable to: GHSA-2j2x-2gpw-g8fm","Warn: Project is vulnerable to: GHSA-74fj-2j2h-c42q","Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c","Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc","Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22","Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp","Warn: Project is vulnerable to: GHSA-593f-38f6-jp5m","Warn: Project is vulnerable to: GHSA-x2rg-q646-7m2v","Warn: Project is vulnerable to: GHSA-jgmv-j7ww-jx2x","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3","Warn: Project is vulnerable to: GHSA-mwcw-c2x4-8c55","Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6","Warn: Project is vulnerable to: GHSA-gcx4-mw62-g8wm","Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36","Warn: Project is vulnerable to: GHSA-pq67-2wwv-3xjx","Warn: Project is vulnerable to: GHSA-8cj5-5rvv-wf4v","Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3","Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-20T09:00:20.760Z","repository_id":57123475,"created_at":"2025-08-20T09:00:20.760Z","updated_at":"2025-08-20T09:00:20.760Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":281810117,"owners_count":26565429,"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","status":"online","status_checked_at":"2025-10-30T02:00:06.501Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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","ada","tooltip","web-component"],"created_at":"2024-10-01T14:29:10.557Z","updated_at":"2025-10-30T12:51:20.825Z","avatar_url":"https://github.com/justinribeiro.png","language":"TypeScript","readme":"# toggle-tooltip\n\nA small (8KB), accessible, fast, and WCAG 2.1 compliant toggle style tooltip web component using role=status.\n\n## Features\n1. WCAG 2.1 compliant:\n2. Fast: no jank repaint (turn on paint flashing in DevTools...nada)\n3. Screen reader friendly (interaction model allows explicit feedback)\n4. Supports optional hover (which is also compliant with WCAG 1.4.13)\n5. Basic styling with CSS custom properties\n\n## Demo /  Screen Reader\nTo see the tooltip in action within JAWS 2020, see\nhttps://www.youtube.com/watch?v=PNH0RTB9alg\n\n## Install with Tools\nInstall the component:\n```sh\nnpm i @justinribeiro/toggle-tooltip\n# or\nyarn add @justinribeiro/toggle-tooltip\n```\n## Install with CDN\n\nIf you want the paste-and-go version, you can simply load it via CDN:\n\n```html\n\u003cscript type=\"module\" src=\"https://cdn.jsdelivr.net/npm/@justinribeiro/toggle-tooltip@1.0.3/dist/index.js\"\u003e\n```\n\n## Usage\n\nFire it up:\n```html\n\u003cscript type=\"module\"\u003e\n   import '@justinribeiro/toggle-tooltip/index.js';\n\u003c/script\u003e\n\u003ctoggle-tooltip\u003e\n  ⓘ\n  \u003cspan slot=\"tooltip\"\u003e\n    I'm a tooltip!\n  \u003c/span\u003e\n\u003c/toggle-tooltip\u003e\n```\n\nSee other uses in `demo/index.html`.\n\n## Development\n```\n$ git clone git@github.com:justinribeiro/toggle-tooltip.git\n$ cd toggle-tooltip\n$ yarn install\n$ yarn start\n\n# run the tests\n$ yarn test\n```\n\n## Properties\n\n| Property | Attribute | Type      | Default       | Description                                      |\n|----------|-----------|-----------|---------------|--------------------------------------------------|\n| `hover`  | `hover`   | `boolean` | false         | Setting `hover` as attribute on component allows for the mouseover and\u003cbr /\u003emouseout events to become active for this instance of the `toggle-tooltip`\u003cbr /\u003e\u003cbr /\u003eNote: this mode is complaint with WCAG SC 1.4.13 Content on Hover or Focus\u003cbr /\u003e\u003cbr /\u003eTODO: I suppose I could watch for the change and then add/remove the event\u003cbr /\u003ehandlers...but I don't have a use case for the at the moment |\n| `label`  | `label`   | `string`  | \"'more info'\" | Define the internal button aria-label when an svg icon or other non-text\u003cbr /\u003eis used |\n| `show`   | `show`    | `boolean` | \"'more info'\" | Define the internal button aria-label when an svg icon or other non-text\u003cbr /\u003eis used |\n\n## Methods\n\n| Method  | Type                          | Description                                      |\n|---------|-------------------------------|--------------------------------------------------|\n| `close` | `(noReFocus?: boolean): void` | Close the tooltip\u003cbr /\u003e\u003cbr /\u003e**oReFocus**: Don't refocus to the button (probably because we\u003cbr /\u003etabbed off and are moving through the document) |\n| `open`  | `(): void`                    | Open the tooltip and focus to it                 |\n\n## Slots\n\n| Name      | Description                                      |\n|-----------|--------------------------------------------------|\n|           | Default slot injects into button value, useful for icon |\n| `tooltip` | Any message or links you'd like in the tooltip status message |\n\n## CSS Custom Properties\n\n| Property                                   | Default          |\n|--------------------------------------------|------------------|\n| `--toggle-tooltip-button-background-color` | \"transparent\"    |\n| `--toggle-tooltip-button-border`           | \"none\"           |\n| `--toggle-tooltip-button-padding`          | 0                |\n| `--toggle-tooltip-status-background-color` | \"#fafafa\"        |\n| `--toggle-tooltip-status-border`           | \"1px solid #ccc\" |\n| `--toggle-tooltip-status-border-radius`    | \"0.5rem\"         |\n| `--toggle-tooltip-status-box-shadow`       | \"none\"           |\n| `--toggle-tooltip-status-padding`          | \"1rem\"           |\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjustinribeiro%2Ftoggle-tooltip","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjustinribeiro%2Ftoggle-tooltip","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjustinribeiro%2Ftoggle-tooltip/lists"}