Display an overlay with the main navigational keys for screen recording.

Latest Version

Version
1.1
Update
November 21, 2020
Size
117KiB
Developer
Category
Users
13
Rating
0 ★
Manifest Version
2
Web Store Status
Languages Support
English (UK)
See more
Permissions
See more

Kepress display Extension

Whenever I create screen recordings to demo new UI components or interfaces, I always need to separately document what keypresses should be available for keyboard-only control (predominantly for a11y) so I quickly knocked this together in a couple of hours.

This will overlay the main keyboard navigation keys on a web page, and highlight them with animations when they're pressed on your physical keyboard.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Kepress display", "version": "1.1", "description": "Display an overlay with the main navigational keys for screen recording.", "background": { "scripts": [ "background.js" ], "persistent": true }, "browser_action": { "default_popup": "popup.html", "default_icon": { "16": "images/kbIcon16.png", "32": "images/kbIcon32.png", "48": "images/kbIcon48.png", "128": "images/kbIcon128.png" } }, "content_scripts" :[{ "css": ["style.css"], "js": ["content.js"], "matches": ["http://*/*", "https://*/*"] }], "icons": { "16": "images/kbIcon16.png", "32": "images/kbIcon32.png", "48": "images/kbIcon48.png", "128": "images/kbIcon128.png" }, "manifest_version": 2}
Read more

Similar Extensions

icon

Key Display Extension · Developer Tools 13 2 ★ 61.45KiB

icon

Sgreen Extension · Productivity 13 3 ★ 872KiB

icon

Contrast Ratio Checker Extension · Developer Tools 13 2 ★ 608KiB

icon

A11ywatch Extension · Accessibility 13 0 ★ 20.09KiB

icon

A11ygator Extension · Accessibility 13 3 ★ 73.15KiB

icon

SAS Accessibility Advisor Extension · Developer Tools 13 1 ★ 689KiB

icon

FPS extension Extension · Developer Tools 13 89 ★ 12.69KiB

icon

A11Y HTML5 Validator Extension · Developer Tools 13 0 ★ 68.97KiB

icon

Keyed - Onscreen key logger Extension · Developer Tools 13 0 ★ 103KiB

icon

Show Keys Extension · Developer Tools 13 11 ★ 10.72KiB

icon

CraftyCursor Extension · Productivity 13 10 ★ 300KiB

icon

It's Me: Focused Extension · Accessibility 13 0 ★ 11.83KiB

icon

KeyPress Live: Instant Keyboard Input Display Extension · Productivity 13 0 ★ 20.36KiB

icon

Keyboard Event Viewer Extension · Productivity 13 1 ★ 34.71KiB

icon

WCAG Color contrast checker Extension · Developer Tools 13 26 ★ 163KiB

icon

ColorA11y Extension · Accessibility 13 5 ★ 9.05KiB

icon

Generator danych testowych Extension · Developer Tools 13 12 ★ 241KiB

icon

Alix for Chrome Extension · Developer Tools 13 7 ★ 124KiB

icon

Context Menu Bookmarks Extension · Accessibility 13 16 ★ 8.31KiB

icon

Super CSS Inject Extension · Developer Tools 13 11 ★ 124KiB

icon

Siteimprove Accessibility Checker Extension · Accessibility 13 21 ★ 1.43MiB

icon

Visual ARIA Extension · Accessibility 13 4 ★ 314KiB

icon

Copy-n-Paste: Clipboard Upload Simplified Extension · Productivity 13 45 ★ 23.57KiB

icon

EqualWeb Accessibility Checker Extension · Accessibility 13 21 ★ 19.11MiB