Skip to main content
Two pages from the audit report to demonstrate its key content like user flows and accessibility issues and recommendations.

This really helped a lot. Craig was so quick, respectful of our time and the report is really clear and actionable. Thank you. - Lilja Sautter, SUB Göttingen.

Usability & Accessibility Audit

Process and reasoning behind two SUB Göttingen project website UX audits

Audience
Developers, product owners and project managers at SUB Göttingen

Responsibility
Project meetings, usability analysis, accessibility analysis (WCAG 2.1 AA), audit reporting and UX design
 
Tools Used
Figma, WAVE, Chat GPT, Affinity Design, Pages, Google Chrome dev tools, Silktide chrome extension

Project Links
TIDO Text Viewer and the beta version of the BIAS - database website

Problem, Solution & Approach

The problem

SUB Göttingen’s digital texts open source platforms (BIAS database and TIDO text viewer) support academic research but presented usability and accessibility barriers that risked:

  • * Excluding users with impairments and digital access needs
  • * Reducing search efficiency and task completion
  • * Increasing support and training costs at a later date

Primary users: students, researchers, scholars and staff


Business impact:
slower research workflows and potential legal risk under EU accessibility regulations

Scope & constraints

Included

* Expert review of desktop and mobile breakpoints
* Primary user flows
* Accessibility checks covering contrast, interactions, semantics, reading order,  etc.
* Prioritised, developer‑ready recommendations

Excluded (by design)

* No primary user testing (either already conducted or not provided due to budget constraints)
* No implementation or visual redesign (although some was included when appropriate)

This kept the work fast, cost‑effective, and actionable for internal teams who primarily use Agile SCRUM workflows without UX or design teams.

My Approach

For both website audits I took a similar approach, which started with a sit down meeting with Lilja Sautter, Product Owner, to get some context on the project, what state they are at, what is the key goal of the website etc.

The audit was conducted using both automatic and manual checking and navigated using mouse, keyboard and a screen reader.

The reports were written to be easy to read and comprehendible by all stakeholders and developers. This included:

  • * Merging usability and accessibility issues together as they produce overlapping issues
  • * Task‑based review focused on primary user flows
  • * Issues grouped by component and priority and formatted as Problem → evidence → recommendation → acceptance criteria to reduce developer handover friction
  • Top 3 Findings

    1. Discoverability & Efficiency

    Screenshot from BIAS hompepage showing the three options when clicking the search menu button to demonstrate poor UX choices.

    Common issues when looking at the primary user flows:

  • * Core search functions hidden, deprioritised or overly complex leading to excessive clicks or tabbing for common tasks
  • * Including too much information and unsuitable naming leading to confusion, uncertainty and overwhelm
  • * No clear hierarchy revealed by the UI design leading to longer time on task
  • 2. Accessibility Barriers

    Screenshot of BIAS search results page showing confusing reading order with a scrennreader.

    Common issues with accessibility according to WCAG 2.1 AA (legal minimum) and some additions from newer standards:

  • * Missing skip to main content links and landmark regions (Bypass Blocks)
  • * Inconsistent or missing focus states - 3:1 and 2px under WCAG 2.2 AAA
  • * Repeated contrast failures - text 4.5:1 and interactive UI elements 3:1
  • * Non‑descriptive links and controls - link purpose in context and accessible naming
  • * Inaccurate reading order - meaningful sequence/focus order
  • * Information inaccessible via keyboard control - keyboard operable
  • 3. Component Design Issues

    Homepage of the TIDO showcase 'Ahiqar' showing a split view of light and dark mode to highlight word and button contrast issues.

    Common issues when looking at overall styling over UI and its components was a lack of design system:

  • * Inconsistent styling of buttons without a clear primary, secondary or tertiary function
  • * Too much colour used or overuse of a primary colour
  • * Components too cramped or close together
  • Next Steps

    At the time of writing, the recommendations have not yet been implemented. I will however update on the results of the audits as soon as this information is available.

    In this case a PDF report was created, however, since PDFs are inaccessible by default and require so much work to make them better, I will create a Notion report template with a filter. I think this will be a better way forward.

    Below are some design suggestions included in the audit report for the beta version of the BIAS website. If I had the opportunity to continue on the project I would:

  • * Liaise with the product owner and developers to align priority fixes with development roadmap
  • * Create a design system and brand identity for the project to guide current and future changes
    * Run a workshop with developers to help validate changes with:
    • - Keyboard‑only testing
    • - Screen reader spot checks
    • - Lightweight usability testing
  • Collection of designs included in the report to demonstrate a cleaner use of colour and navigation components.
    Let's work together
    ·
    Let's work together
    ·
    Let's work together
    ·
    Let's work together
    ·
    Let's work together
    ·
    Let's work together
    ·
    Let's work together
    ·
    Let's work together
    ·
    Let's work together
    ·
    Let's work together
    ·
    Let's work together
    ·
    Let's work together
    ·
    Let's work together
    ·
    Let's work together
    Headshot of Craig Johnson, a guy in his 40s with a beard and glasses.

    Reach out - I'm friendly

    contact.clj@gmail.com
    +49 01573 7291748

    LINKEDIN