Understanding the Updated Backend Layout
District Engage has updated its backend interface to make navigation easier and improve accessibility. This article explains the key changes to tabs, breadcrumbs and headings to help you navigate the dashboard more efficiently.
Key Interface Improvements
The refreshed backend interface includes two major improvements:
- More accessible navigation tabs with clearer visual design
- Consistent breadcrumbs and heading structures
Navigating with Improved Tabs
The tab navigation system has been redesigned to provide clearer visual distinction between main navigation options and sub-options.
What's changed?
The tab design now features a thicker line with rounded ends that clearly indicates the active tab, making it easier to see which section you're currently viewing.
The tabs structure now includes:
- Primary tabs for main navigation (Report, Preview, Edit, Followers)
- A new "More..." tab that contains additional options previously found in the dropdown menu
Using the "More" Tab
The "More" tab replaces the menu previously accessed by clicking the ellipsis (three dots) icon. When clicked, it displays a dropdown with additional options (depending on what page you are on) such as:
- Revisions
- Restriction settings
- Exports
- Shareable preview link
- Delete
When you select an option from the "More" dropdown, the tab remains highlighted to show your current selection.
Improved Breadcrumbs and Heading Structure
The heading structure has been standardised across all pages to improve consistency and accessibility. Each page now follows this specific order:
- Breadcrumbs - Showing your location path through the system
-
Main page heading - The title of the current page (e.g., project title, survey title)
- This heading stays the same regardless of which tab you're viewing
- Status tag (if applicable) - Tag related to the page (e.g., workflow status, user role)
- Tab title as subheading - Showing which tab you're currently using (e.g., Edit, Preview, Report)
Accessibility Benefit
This consistent structure makes navigation more predictable for all users and helps screen reader users understand the page layout more easily.
These changes are part of our ongoing commitment to improving accessibility and user experience in District Engage. If you have any questions or feedback about these interface improvements, please contact your District Engage administrator.
For more information on navigating the admin interface, see Understanding the admin interface.