Project Goals

Using the original website’s design language and content, create an accessible and intuitive municipal website for the City of Prince George. Furthermore, provide Municipal staff with tools and knowledge, to successfully update their website, while ensuring user experience (UX) and accessibility best practices.

Completion

Winter 2024

Notable Usability Findings

• The use of "Learn more" for button content is not descriptive for users or assistive technologies such as screen readers. A screen reader will read aloud and list all the links within a page, where "Learn more" does not provide any context to the link.

• Colour contrast between links and regular text did not meet accessibility standards. Links should be easy for users to locate when surrounded by other elements such as paragraphs or other regular text.

• Text within an image. It is difficult to ensure an appropriate contrast between text and colours within the image, while also ensuring text legibility when the image is viewed on different screen sizes, such as mobile. Text should be removed from the image and be placed within an area where legibility is guaranteed.

Notable Content Findings

• The menu and inside page side navigation did not meet user expectations. When selecting a menu item within the inside page side navigation, the selected item moves to the top, with menu items expanded. To resolve this, the menu items should retain their positioning, with menu items being sorted by order of importance.

• The website lacked continuity, especially for clickable elements. A clearly refined and consistent design language for clickable elements will ensure user expectations.

• Active section and page indicators were missing from within the design language. There should be visible difference from the active page and surrounding default links. This active state should also be consistent throughout all levels of the menu (parent pages and child pages).