Skip to main content
Banner for the Best Practices for Capacity4dev group

Best Practices for Capacity4dev

Group
public
15
 Members
4
 Discussions
2
 Library items

โš“ Adding Anchors for quick navigation

Anchors are essential for improving user experience by allowing readers to jump directly to specific sections of a page. This is particularly useful for longer pages with multiple sections, where scrolling through large amounts of content could be time-consuming. Anchors help users quickly find the information they need without unnecessary effort.

โœ… Best Practices for Adding Anchors โœ…
Use Descriptive Anchor Names: Ensure anchor links clearly describe the content they lead to, so users know exactly what to expect.
Place Anchors Strategically: Add anchors at key sections, such as headings, to allow easy navigation to important content.
Link Anchors in the Table of Contents: Include a clickable table of contents at the top of your page that links to the corresponding anchors for quick access.

Practical Examples of Effective Use of Anchors in Groups ๐Ÿ‘‡

  1. Navigating Between Sections
    In a page with several headings, anchors can be added to each section. This allows users to jump directly to content, like "Structured Dialogue" or "Global Gateway & Civil Society," instead of scrolling.
  2. Table of Contents
    In a resource-heavy page, a table of contents with anchor links to different funding programmes allows for easy navigation between various sections.
  3. Returning to the Top
    Adding a โ€œBack to Topโ€ anchor at the end of each section, especially on longer pages, helps users return quickly to the top or the main navigation without having to scroll.

Having trouble adding anchors? Check our ๐ŸŒ Help & Support page ๐ŸŒ for a detailed step-by-step.

Now that you've mastered adding anchors to improve navigation, you're ready to take things to the next level. In the next section, we'll explore advanced features that will give you even more control over your content, enhancing both functionality and user experience. Letโ€™s dive into these advanced tools!