feat(KB-011): add accessibility attributes and focus styles for dependency links
This commit is contained in:
@@ -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}
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user