Improved accessibility by replacing focus:outline-hidden with visible focus styles using focus-visible:outline. This ensures keyboard users can clearly see focus state. Closes #3988

[nazimmuhammed]

Description

Improved accessibility by replacing focus:outline-hidden with visible focus styles using focus-visible:outline.

This ensures keyboard users can clearly see focus state.

Type of change

• Accessibility improvement
• UI improvement

Checklist

• Tested locally
• No breaking changes

[github-actions]

PR validation failed: No linked issue and no valid closing issue reference in PR description

[coderabbitai]

Caution

Review failed

The pull request is closed.

Summary by CodeRabbit

• Documentation

  • Added a comprehensive security policy including supported versions, vulnerability reporting guidelines, and response timelines.

• Style

  • Updated button focus outline styling for improved keyboard navigation visibility.

Walkthrough

The PR adds comprehensive security vulnerability reporting guidelines to the documentation, refactors Jest ResizeObserver mocks to use jest.fn() properties for better test spy capability, and updates keyboard focus styling in the Footer component to use explicit focus-visible pseudo-class styles.

Changes

Cohort / File(s)	Summary
Security Documentation SECURITY.md	Added "Supported Versions," "Vulnerability Reporting" sections with reporting form guidance, "What to Include" checklist for reports, and "Response Timeline" for vulnerability disclosure process.
Test Configuration frontend/jest.setup.ts	Replaced ResizeObserver mock method implementations with jest.fn() properties (disconnect, observe, unobserve) to enable spy/assertion capabilities on mock calls.
Component Styling frontend/src/components/Footer.tsx	Updated Button className focus styles from focus:outline-hidden to explicit focus-visible states (focus-visible:outline, focus-visible:outline-2, focus-visible:outline-slate-500) for keyboard accessibility.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

• fix: replace empty ResizeObserver methods with jest.fn mocks #3975: Modifies frontend/jest.setup.ts to replace empty ResizeObserver methods with jest.fn() mocks using the same refactoring pattern.
• Truncated text component #1117: Updates the ResizeObserver mock in frontend/jest.setup.ts with related test configuration changes.
• fix: justify empty ResizeObserver mock methods (S1186) #3403: Targets the same ResizeObserver mock methods (disconnect/observe/unobserve) to address Sonar S1186 violations.

Suggested labels

frontend, frontend-tests, docs

Suggested reviewers

• kasya
• arkid15r

✨ Finishing Touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[cubic-dev-ai]

No issues found across 3 files

Confidence score: 5/5

• Automated review surfaced no issues in the provided summaries.
• No files require special attention.