Member Avatar for danialz

Erm . Need Help With Navigator.

  • 4 Contributors
  • 4 Replies
  • 119 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by Member #114696

Dani AI

Generated

The original request from was too brief, and rightly asked for clarification. Replies from and touched on tooling, but tool choice is secondary to the UX and accessibility decisions below. "Navigator" commonly means one of three things: a website navigation (menus/breadcrumbs), an in-app navigation pattern (SPA routing/focus), or a browser/webview. Short, practical paths for each follow.

For a website navigation the fundamentals are: clear labels, a small number of top-level choices, visible focus styles, semantic markup, and keyboard/screen-reader support. Use a landmark (<nav>) and a controlled toggle for responsive menus. Example accessible pattern:

<nav aria-label="Primary">
  <button id="menu-toggle" aria-expanded="false" aria-controls="primary-menu">Menu</button>
  <ul id="primary-menu" hidden>
    <li><a href="/">Home</a></li>
    <li><a href="/services">Services</a></li>
    <li><a href="/about">About</a></li>
    <li><a href="/contact">Contact</a></li>
  </ul>
</nav>

And a minimal toggler:

const btn = document.getElementById('menu-toggle');
const menu = document.getElementById('primary-menu');
btn.addEventListener('click', () => {
  const open = btn.getAttribute('aria-expanded') === 'true';
  btn.setAttribute('aria-expanded', String(!open));
  menu.hidden = open;
});

For single-page apps, keep the URL/history in sync, restore focus to the new view’s heading after navigation, and announce significant changes. If building an actual browser or embedding web content, rely on a proven web engine, implement secure URL handling and history management, and expose as little native functionality as needed.

Key tests: keyboard-only navigation, screen-reader walkthrough, and narrow-screen usability. Authoritative guidance: MDN: nav element and WAI-ARIA Authoring Practices — navigation landmarks.

Recommended Answers

All 4 Replies

Member Avatar for Member #114696

> Erm . Need Help With Navigator.

What??? Explain your problem clearly. Do you think other members will understand what you ask with that single line. Show what you have done, and you will surely get help.

Member Avatar for kingvjack

If your going to develop a browser, Can I recomend Visual studio? They have tools that you can drop into the designer form and wire up a browser pretty easily.

Member Avatar for peter_budo

Can I recomend Visual studio?

That is your personal opinion, I think VS is no good and online resources are terible. However that is my opinion...

Member Avatar for Member #114696

Also as far as I know Visual studio just got good support for ASP.NET and nothing else, so dont use it.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.