Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2026-08-23 23:02:17 +10:00
Code Issues Packages Projects Releases Wiki Activity

feat: update links for improved accessibility

Browse Source
This commit is contained in:
Amruth Pillai
2026-05-26 13:09:30 +02:00
parent dd1e37e579
commit 8da780c868
43 changed files with 952 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/routes/builder/$resumeId/-sidebar/left/sections/picture.tsx
+8 -1
View File
@@ -55,7 +55,14 @@ function PicturePreviewControls({
}) {
return (
<div className="flex items-center gap-x-4">
<input ref={fileInputRef} type="file" accept="image/*" className="hidden" onChange={onUploadPicture} />
<input
ref={fileInputRef}
type="file"
accept="image/*"
aria-label={t`Upload picture`}
className="hidden"
onChange={onUploadPicture}
/>
<button
type="button"
apps/web/src/routes/builder/$resumeId/-sidebar/right/sections/information.test.tsx
+1 -1
View File
@@ -47,6 +47,6 @@ describe("InformationSectionBuilder", () => {
renderInfo();
const docs = screen.getByText("Documentation").closest("a") as HTMLAnchorElement;
expect(docs.getAttribute("target")).toBe("_blank");
expect(docs.getAttribute("rel")).toBe("noopener");
expect(docs.getAttribute("rel")).toBe("noopener noreferrer");
});
});
apps/web/src/routes/builder/$resumeId/-sidebar/right/sections/information.tsx
+6 -6
View File
@@ -30,7 +30,7 @@ export function InformationSectionBuilder() {
nativeButton={false}
className="mt-2 whitespace-normal px-4! text-xs"
render={
<a href="http://opencollective.com/reactive-resume" target="_blank" rel="noopener">
<a href="http://opencollective.com/reactive-resume" target="_blank" rel="noopener noreferrer">
<HandHeartIcon />
<span className="truncate">
<Trans>Donate to Reactive Resume</Trans>
@@ -47,7 +47,7 @@ export function InformationSectionBuilder() {
className="text-xs"
nativeButton={false}
render={
<a href="https://docs.rxresu.me" target="_blank" rel="noopener">
<a href="https://docs.rxresu.me" target="_blank" rel="noopener noreferrer">
<Trans>Documentation</Trans>
</a>
}
@@ -59,7 +59,7 @@ export function InformationSectionBuilder() {
className="text-xs"
nativeButton={false}
render={
<a href="https://github.com/amruthpillai/reactive-resume" target="_blank" rel="noopener">
<a href="https://github.com/amruthpillai/reactive-resume" target="_blank" rel="noopener noreferrer">
<Trans>Source Code</Trans>
</a>
}
@@ -71,7 +71,7 @@ export function InformationSectionBuilder() {
className="text-xs"
nativeButton={false}
render={
<a href="https://github.com/amruthpillai/reactive-resume/issues" target="_blank" rel="noopener">
<a href="https://github.com/amruthpillai/reactive-resume/issues" target="_blank" rel="noopener noreferrer">
<Trans>Report a Bug</Trans>
</a>
}
@@ -83,7 +83,7 @@ export function InformationSectionBuilder() {
className="text-xs"
nativeButton={false}
render={
<a href="https://crowdin.com/project/reactive-resume" target="_blank" rel="noopener">
<a href="https://crowdin.com/project/reactive-resume" target="_blank" rel="noopener noreferrer">
<Trans>Translations</Trans>
</a>
}
@@ -95,7 +95,7 @@ export function InformationSectionBuilder() {
className="text-xs"
nativeButton={false}
render={
<a href="https://opencollective.com/reactive-resume/donate" target="_blank" rel="noopener">
<a href="https://opencollective.com/reactive-resume/donate" target="_blank" rel="noopener noreferrer">
<Trans>Sponsors</Trans>
</a>
}
apps/web/src/routes/builder/$resumeId/-sidebar/right/sections/resume-analysis.tsx
+2 -2
View File
@@ -224,11 +224,11 @@ export function ResumeAnalysisSectionBuilder() {
<div key={suggestion.title} className="space-y-3 rounded-md border bg-card p-3">
<div className="flex items-center gap-2">
<span
role="img"
aria-hidden="true"
className={`size-2.5 shrink-0 rounded-full ring-1 ring-border ${impactCircleClass(suggestion.impact)}`}
title={impactLabel(suggestion.impact)}
aria-label={impactLabel(suggestion.impact)}
/>
<span className="sr-only">{impactLabel(suggestion.impact)}</span>
<div className="font-semibold text-sm tracking-tight">{suggestion.title}</div>
</div>