feat(KB-011): add accessibility attributes and focus styles for dependency links

This commit is contained in:
gsxdsm
2026-03-29 18:29:04 -07:00
parent ddaf73554b
commit 110a6884c1
2 changed files with 15 additions and 0 deletions

View File

@@ -448,6 +448,14 @@ export function TaskDetailModal({
<span
className="detail-dep-link"
onClick={() => handleDepClick(dep)}
onKeyDown={(e) => {
if (e.key === "Enter" || e.key === " ") {
e.preventDefault();
handleDepClick(dep);
}
}}
role="link"
tabIndex={0}
title={`Click to view ${dep}`}
>
{dep}

View File

@@ -1121,12 +1121,19 @@ body {
font-family: "SF Mono", Monaco, Consolas, monospace;
cursor: pointer;
transition: text-decoration var(--transition-fast);
text-decoration: none;
}
.detail-dep-link:hover {
text-decoration: underline;
}
.detail-dep-link:focus {
outline: 1px solid var(--todo);
outline-offset: 2px;
border-radius: 2px;
}
/* === Step Progress === */
.detail-step-progress {
margin-top: 16px;