Skip to main content
Corporate IdentityUniversity of Johannesburg
Settings
Appearance
Design
Menu

Administration

Review queue

Turn priority findings into clear, accessible remediation tasks.

candidate@uj/design/adminVersion 2.0.13Package 2.0.13draft

Production component

Live preview

This example is rendered from the same package consumed by UJ applications.

Priority work

Findings to review

Resolve critical findings first, then work through warnings before publication.

3 open findings

  1. criticalAdmission requirements missing

    Advanced Diploma in Logistics

    Add the verified entry requirements before this programme is promoted.

    System fieldadmissionRequirementsHtml

  2. warningProgramme code missing

    Bachelor of Arts

    Confirm the programme code against the authoritative academic record.

    System fieldprogrammeCode

Contract

Usage and quality requirements

The contract keeps purpose, states and ownership visible before a component is reused.

usage

  • Pass human-readable issue names instead of raw field paths
  • Keep the technical field as optional secondary reference
  • Use compact density for a bounded dashboard excerpt
  • Provide one clear remediation action per finding when appropriate
  • Use filters and pagination slots for large server-side queues
  • Use the footer action for a dashboard view-all destination
  • Keep prioritisation, permissions and action eligibility in the consuming application

states

  • critical finding
  • warning finding
  • informational finding
  • default density
  • compact density
  • multiple records
  • empty queue
  • filters supplied
  • footer action supplied
  • pagination supplied
  • long content
  • keyboard focus
  • narrow viewport
  • dark theme
  • forced colours
  • print

purpose

Turn operational findings into a prioritised, understandable and actionable review queue without taking ownership of the underlying records or rules.

responsive

  • Desktop content-and-action columns
  • 320px stacked rows
  • Full-width mobile actions
  • 768px
  • 1440px
  • 200% text resize

accessibility

  • Labelled section
  • Semantic ordered list of article tasks
  • Severity uses icon, text and semantic colour
  • Programme title is the task heading
  • Metadata uses definition-list semantics
  • Action receives a record-specific accessible name
  • Visible keyboard focus
  • WCAG 2.2 AA

runtime Boundary

The component performs no fetching, filtering, pagination, routing, authorization, mutation, field-label inference or workflow decisions.

source Authority

The owning administration application and its governed data-quality rules