Frontend Developer

Role Summary:

Deliver accessible, secure, and performant web interfaces using React with our LUX design

system and AES UI/security patterns. Translate designs into robust, testable components,

champion WCAG 2.2 AA accessibility standards across the product, and collaborate closely with

design, product, back‑end, and compliance partners.

Key Responsibilities:

 Build responsive, accessible UI with React + TypeScript, leveraging LUX components, tokens,

and guidelines for visual and interaction consistency.

 Apply AES patterns for secure UI (e.g., protected inputs, masking, anti‑XSS strategies, secure

auth flows) and adhere to organizational security controls.

 Ensure end‑to‑end accessibility: semantic HTML, ARIA best practices, color contrast, focus

management, keyboard navigation, error annunciation, and screen reader support.

 Integrate with REST/GraphQL APIs; manage state via React Query/Redux/Zustand with

predictable, testable patterns.

 Build a strong automated test suite (unit with Jest/RTL; e2e with Cypress/Playwright) and

participate in CI quality gates.

 Optimize performance (code splitting, lazy loading, memoization, image optimization) and

track Web Vitals (LCP/CLS/INP).

 Collaborate with designers in Figma; give/receive feedback to align on a11y, responsive

behavior, and component reuse.

 Contribute to LUX/AES documentation and Storybook examples; propose new accessible

patterns when gaps are identified.

 Participate in accessibility reviews/audits; fix defects found via automated tools and manual

assistive technology testing.

Qualifications:

 3–6 years of front‑end engineering experience building production React apps.

 Strong TypeScript, semantic HTML, and CSS (CSS‑in‑JS, SCSS, or utility frameworks), and

component architecture.

 Hands-on experience with design systems (ideally LUX or similar) and secure UI practices

(AES or equivalent).

 Practical knowledge of WCAG 2.1/2.2 AA, ARIA, and accessibility testing workflows (e.g.,

Axe, Lighthouse, keyboard + screen reader testing).

 Testing discipline (Jest/RTL, Cypress/Playwright), Git, and CI/CD familiarity.

Nice‑to‑Haves

 Storybook, design tokens, theming/multi-brand, SSR/SSG (Next.js).

 Security awareness (XSS, CSRF, CSP, SAST/DAST tools).

 Internationalization/localization and RTL support.

Core Competencies

 Customer & Accessibility Focus — Designs for all users from the start.

 Craft & Quality — Clean architecture, tests, and performance mindset.

 Collaboration — Partners effectively with design, product, compliance, and back‑end.

 Ownership — Proactively identifies and resolves accessibility and security gaps.

Success Metrics

 Accessibility: % issues resolved from audits, Lighthouse/Axe scores, reduced accessibility

regressions.

 Quality: Test coverage, escaped defects, change failure rate.

 Performance: Web Vitals within budget, bundle size adherence.

 Velocity & Reliability: Predictable delivery; reduced MTTR for UI incidents.

Senior scope (optional add‑on): Lead front‑end architecture for a domain; define

governance for LUX/AES adoption; drive org‑wide accessibility initiatives; mentor

engineers; introduce automation for accessibility gates in CI.