question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

New plugin: Landmarks

See original GitHub issue

Invokes this script, or something like it. The outline style could be replaced with visbug handles and labels elements, see the zindex plugin for details 👍🏻

  • update the a11y tooltip to show the new hotkey ctrl hotkey and what it does
  • update a11y tool to: holding the control key shows the landmarks, releasing it hides them
  • landmarks use visbug handles or hover, and a visbug label

Issue Analytics

  • State:open
  • Created 2 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
argyleinkcommented, Jun 24, 2021

I like the idea of putting it into the accessibility tool, as a shortcut!

  • update the a11y tooltip to show the new hotkey ctrl
  • while a11y tool is selected, holding the control key shows the landmarks, releasing it hides them
  • landmarks can be shown and hid
  • landmarks use visbug handles or hover, and a visbug label

it places the action and ux right there with the accessibility inspect workflow. hover over stuff, verify contrast and attributes, then hold control and review landmarks for errors and proper flow. sounds awesome. do you think there should be a way to make the landmarks sticky, as in they persist beyond holding the hotkey? what’s the use case where you need the landmarks to stick around?

0reactions
hchiamcommented, Jun 29, 2021

True, tab order breadcrumbs is prolly better off in a different plugin, if at all (or have tab/shift+tab act differently when you have the a11y tool on? maybe not). In that case, only showing landmarks while you hold down ctrl makes sense to me now.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Landmarks
This extension allows you to navigate a web page via its landmarks, if they've been provided by its author, using the keyboard or...
Read more >
Landmark Navigation via Keyboard or Pop-up
This extension allows you to navigate a web page via its landmarks, *if they've been provided by its author*, using the keyboard or...
Read more >
Landmarks – Get this Extension for Firefox (en-US)
This extension allows you to navigate a web page via its landmarks, if they've been provided by its author, using the keyboard or...
Read more >
Name Landmarks and Register - ImageJ Wiki
The Name Landmarks and Register plugin provides a simple interface for marking named points in images, and optionally to register two images based...
Read more >
Using Landmarks - Stark plugin
To use Landmarks in your design tool, go to Plugins and choose Stark > Landmarks . The plugin can now be used to...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found