Vesper Inspect

Hover over any element to inspect accessibility attributes — ARIA, roles, alt text, tab order, and more. By Steven Trotter.

As of June 2026, Vesper Inspect has 6 users in the Productivity category.

Usersno change0%
6
6
Ratingno change0%
— reviews
Reviewsno change0%
Version
0.2.50
Manifest V3
90-day change · In the last 90 days this extension 3 version updates.

History

7 snapshots

Tracking since Apr 7, 2026.

6.244.52.76Apr 7, 2026Jun 6, 2026
View as table
DateUsersRatingReviewsVersion
Apr 7, 20260.2.45
Apr 19, 20260.2.45
Apr 24, 202630.2.45
May 8, 202640.2.45
May 12, 202650.2.48
May 24, 202640.2.49
Jun 6, 202650.2.49
Now60.2.50

Changelog

  • May 8, 2026
    description
    Vesper Inspect is a lightweight accessibility inspection tool for web developers, designers, and content teams. Enable it on any page and hover over elements to instantly surface their accessibility attributes in a clean overlay - no DevTools required.
    WHAT IT SHOWS
    
    ARIA label, role, and computed accessible name (resolved from aria-labelledby, text content, alt text, and title - in priority order)
    Alt text on images, with clear error/warning/pass status
    Explicit and implicit ARIA roles
    Title attribute
    Tab order and keyboard reachability - including ancestor context (e.g. an image inside a link)
    Font information for text elements (size, weight, family, and large-text classification)
    Image file size (reads from browser performance timeline, no extra network requests)
    Phone number links (tel:) without descriptive labels - flagged so screen reader users can distinguish multiple numbers
    Email links (mailto:) without descriptive labels - same reason
    
    STATUS AT A GLANCE
    The tooltip header changes color based on what it finds:
    🟢 Green - element looks clean
    🟡 Amber - potential issue worth reviewing
    🔴 Red - confirmed accessibility problem
    TOOLTIP MODES
    
    Mouse mode - tooltip follows your cursor as you hover
    Tab mode - tooltip stays fixed top-right and updates as you tab through the page
    
    Developed by Steven Trotter. Part of the Vesper accessibility suite.
    WHAT IT SHOWS
    
    ARIA label, role, and computed accessible name (resolved from aria-labelledby, text content, alt text, and title — in priority order)
    Alt text on images, with clear error/warning/pass status
    aria-hidden detection — flags elements hidden from assistive technology, with an error if the element is also keyboard-focusable
    aria-describedby — resolves referenced element IDs and shows the associated description text
    Explicit and implicit ARIA roles, with heading level for h1–h6 and a warning if heading levels are skipped
    ARIA state attributes — aria-expanded, aria-pressed, aria-checked, aria-selected
    Link destination — shows the href value on any anchor element
    Form field details — required, disabled, read-only, and autocomplete (flags missing autocomplete on email, tel, and password fields per WCAG 1.3.5)
    Tab order and keyboard reachability — including ancestor context (e.g. an image inside a link)
    Font information for text elements (size, weight, family, and large-text classification)
    Image file size — reads from the browser performance timeline; flags images over 1 MB
    Phone number links (tel:) without descriptive labels
    Email links (mailto:) without descriptive labels
    
    STATUS AT A GLANCE
    The tooltip header changes color based on what it finds:
    
    Green — element looks clean
    Amber — potential issue worth reviewing
    Red — confirmed accessibility problem
    
    TOGGLE
    Click the toolbar icon to enable or disable the inspector. The icon badge shows ON when active. You can also use the keyboard shortcut Option+Shift+I on Mac (reassignable from chrome://extensions/shortcuts).
    Developed by Steven Trotter. Part of the Vesper accessibility suite.
  • Apr 19, 2026
    description
    Vesper Inspect is a lightweight accessibility inspection tool for web developers, designers, and content teams. Enable it on any page and hover over elements to instantly surface their accessibility attributes in a clean overlay — no DevTools required.
    
    WHAT IT SHOWS
    - ARIA label, role, and computed accessible name (resolved from aria-labelledby, text content, alt text, and title — in priority order)
    - Alt text on images, with clear error/warning/pass status
    - Explicit and implicit ARIA roles
    - Title attribute
    - Tab order and keyboard reachability — including ancestor context (e.g. an image inside a link)
    - Image file size (reads from browser performance timeline, no extra network requests)
    - Phone number links (tel:) without descriptive labels — flagged so screen reader users can distinguish multiple numbers
    - Email links (mailto:) without descriptive labels — same reason
    
    STATUS AT A GLANCE
    The tooltip header changes color based on what it finds:
    🟢 Green — element looks clean
    🟡 Amber — potential issue worth reviewing
    🔴 Red — confirmed accessibility problem
    
    HIGHLIGHT MODES
    Open the popup to scan the entire page at once:
    - Missing Alt Text — outlines every image missing an alt attribute
    - Unlabeled Links — outlines every link with no accessible name
    
    TOOLTIP MODES
    - Mouse mode — tooltip follows your cursor as you hover
    - Tab mode — tooltip stays fixed top-right and updates as you tab through the page
    
    Developed by Steven Trotter. Part of the Vesper accessibility suite.
    Vesper Inspect is a lightweight accessibility inspection tool for web developers, designers, and content teams. Enable it on any page and hover over elements to instantly surface their accessibility attributes in a clean overlay - no DevTools required.
    WHAT IT SHOWS
    
    ARIA label, role, and computed accessible name (resolved from aria-labelledby, text content, alt text, and title - in priority order)
    Alt text on images, with clear error/warning/pass status
    Explicit and implicit ARIA roles
    Title attribute
    Tab order and keyboard reachability - including ancestor context (e.g. an image inside a link)
    Font information for text elements (size, weight, family, and large-text classification)
    Image file size (reads from browser performance timeline, no extra network requests)
    Phone number links (tel:) without descriptive labels - flagged so screen reader users can distinguish multiple numbers
    Email links (mailto:) without descriptive labels - same reason
    
    STATUS AT A GLANCE
    The tooltip header changes color based on what it finds:
    🟢 Green - element looks clean
    🟡 Amber - potential issue worth reviewing
    🔴 Red - confirmed accessibility problem
    TOOLTIP MODES
    
    Mouse mode - tooltip follows your cursor as you hover
    Tab mode - tooltip stays fixed top-right and updates as you tab through the page
    
    Developed by Steven Trotter. Part of the Vesper accessibility suite.

Permissions & access

Permissions
storageactiveTab
Host access
None declared

Screenshots

Vesper Inspect screenshot 1

About

WHAT IT SHOWS

ARIA label, role, and computed accessible name (resolved from aria-labelledby, text content, alt text, and title — in priority order)
Alt text on images, with clear error/warning/pass status
aria-hidden detection — flags elements hidden from assistive technology, with an error if the element is also keyboard-focusable
aria-describedby — resolves referenced element IDs and shows the associated description text
Explicit and implicit ARIA roles, with heading level for h1–h6 and a warning if heading levels are skipped
ARIA state attributes — aria-expanded, aria-pressed, aria-checked, aria-selected
Link destination — shows the href value on any anchor element
Form field details — required, disabled, read-only, and autocomplete (flags missing autocomplete on email, tel, and password fields per WCAG 1.3.5)
Tab order and keyboard reachability — including ancestor context (e.g. an image inside a link)
Font information for text elements (size, weight, family, and large-text classification)
Image file size — reads from the browser performance timeline; flags images over 1 MB
Phone number links (tel:) without descriptive labels
Email links (mailto:) without descriptive labels

STATUS AT A GLANCE
The tooltip header changes color based on what it finds:

Green — element looks clean
Amber — potential issue worth reviewing
Red — confirmed accessibility problem

TOGGLE
Click the toolbar icon to enable or disable the inspector. The icon badge shows ON when active. You can also use the keyboard shortcut Option+Shift+I on Mac (reassignable from chrome://extensions/shortcuts).
Developed by Steven Trotter. Part of the Vesper accessibility suite.

Technical

Version
0.2.50
Manifest
V3
Size
27.72KiB
Min Chrome
88
Languages
1
Featured
No

Metadata

ID
phhjeggidcjneilhcddeblhhhandjhhn
Developer ID
ueb03ab5a3e7e5a45eaeb369e9f3162bc
Developer Email
[email protected]
Created
Apr 6, 2026
Last Updated (Store)
Jun 3, 2026
Last Scraped
Jun 6, 2026
Website
vesperapps.com
Support URL
vesperapps.com

Data sourced from the Chrome Web Store · last verified Jun 6, 2026.