Skip to main content

Recruitment Responsive and Accessibility Evidence

Confirmed responsive behavior

The shared shell includes a mobile navigation drawer. Recruitment pages use auto-fit grids, wrapped action groups, bounded widths, and horizontally scrollable wide tables/pipelines. Careers uses fluid spacing and type sizes. Several protected page layouts retain explicit multi-column minimums, so small-screen behavior needs device testing.

Confirmed accessibility behavior

The shell supplies navigation labels, current-page state, expanded-state attributes, dialog roles, modal state, descriptive icon-button labels, and search autofocus. Recruitment forms generally wrap inputs in visible labels, and native controls provide baseline keyboard interaction.

Gaps requiring confirmation

Recruitment-specific source provides little evidence for focus return/trapping, live-region announcements, programmatic error association, comprehensive accessible names, status information independent of color, screen-reader testing, zoom/reflow, or keyboard operation of every custom card/drawer. No accessibility audit or WCAG conformance evidence was found; no compliance claim is made.

Test focus

Test mobile drawer access, table/pipeline overflow, modal focus, keyboard-only completion, labels, error association, token-page announcements, non-color status cues, and screen-reader reading order with sanitized data.

Source References

  • UI/salary-ui/apps/client-hrms-portal/src/components/AppLayout.tsx
  • UI/salary-ui/apps/client-hrms-portal/src/styles/pageStyles.ts
  • UI/salary-ui/apps/client-hrms-portal/src/pages/CareersPage.tsx
  • UI/salary-ui/apps/client-hrms-portal/src/pages/hr/RecruitmentJobOpeningsPage.tsx
  • UI/salary-ui/apps/client-hrms-portal/src/pages/hr/RecruitmentCandidatesPage.tsx
  • UI/salary-ui/apps/client-hrms-portal/src/pages/hr/RecruitmentInterviewsPage.tsx
  • UI/salary-ui/apps/client-hrms-portal/src/pages/hr/RecruitmentOffersPage.tsx
  • UI/salary-ui/apps/client-hrms-portal/src/pages/hr/RecruitmentOnboardingPage.tsx

Summary

This Draft page summarizes source-backed Recruitment behavior and explicitly marks incomplete governance or implementation.

Audience

Recruitment stakeholders, product, engineering, QA, support, operations, architecture, security, and implementation partners as applicable to this page.

Overview

Use the source-backed sections above as the authoritative scope. Unsupported behavior remains Requires confirmation or Not implemented.

See Also

Keywords

  • Recruitment
  • Hiring lifecycle
  • Draft documentation

Revision Information

  • Status: Draft
  • Last reviewed: 2026-07-16
  • Review cycle: Quarterly