ACCESSIBILITY AT QUIZTEM

Make assessment easier to understand, navigate, and complete

QuizTem aims for calm language, readable layouts, responsive experiences, and predictable interaction patterns across educator and learner workflows.

CURRENT PRODUCT DIRECTION

Clarity is the starting point

Accessibility work begins with the structure and language people meet on every screen.

Readable hierarchy

Use clear headings, labels, cards, and spacing.

Responsive layouts

Adapt public and learner experiences to modern devices.

Calm language

Use exam, question, answer, review, submit, and result.

Predictable components

Rely on shared WebBlocks UI interaction patterns.

READABILITY

Help people understand where they are and what comes next.

Clear page structure and concise copy reduce unnecessary cognitive load.

Visible hierarchy

Use headings and grouped content consistently.

Short instructions

Keep actions direct and student-friendly.

Measured density

Avoid crowding the primary task.

Screen rhythm

Heading · context · primary action · supporting detail

Public pages

Readable sections and CTAs

Product workspaces

Role-specific context

Responsive layout

Desktop · tablet · phone

Content

Reflows into clear columns

Navigation

Adapts to available space

RESPONSIVE EXPERIENCE

Keep the core workflow usable across screen sizes.

Public marketing and learner-facing pages are designed to reflow without horizontal overflow.

Flexible grids

Cards stack as space becomes limited.

Touch-friendly actions

Primary actions remain visible and understandable.

Focused content width

Long text stays within readable containers.

SEMANTIC INTERACTIONS

Use familiar controls and explicit labels.

QuizTem builds on WebBlocks UI primitives and uses descriptive labels for compact or icon-first controls.

Native structure

Prefer semantic buttons, links, tables, and headings.

Accessible naming

Icon-only actions include aria-label text.

Visible feedback

Use alerts, toasts, and modals with clear purposes.

Interaction pattern

Action · confirmation · feedback

Row actions

Named compact controls

Confirmations

Structured WebBlocks modals

ONGOING WORK

Accessibility is not a finished checkbox

The student exam experience still has planned accessibility helpers and broader interaction improvements.

Student helpers

Broader accessibility assistance remains an active improvement area.

Navigation controls

Free and sequential navigation controls are planned for later hardening.

Question interactions

Support for richer question and answer experiences will continue to expand.

Feedback loop

Real user feedback should guide prioritization.

PRECISE COMMUNICATION

What this page does—and does not—claim

Accessibility statements should remain measurable and honest.

Does this page claim WCAG conformance?

No. No formal WCAG conformance level or accessibility certification is asserted here.

How can I report an accessibility issue?

Use the Contact page and describe the screen, task, device, and barrier you encountered.