diff --git a/src/components/wiki/sortable-citation.tsx b/src/components/wiki/sortable-citation.tsx index da2d6d6..9745ced 100644 --- a/src/components/wiki/sortable-citation.tsx +++ b/src/components/wiki/sortable-citation.tsx @@ -359,6 +359,7 @@ export function SortableCitation({ setTimeout(() => setCopiedKey(null), 1500); }} className="text-wiki-link text-sm hover:underline focus-visible:outline-dotted focus-visible:outline-1 focus-visible:outline-wiki-text" + aria-label={copiedKey === "copy" ? "Copied citation to clipboard" : "Copy citation to clipboard"} > {copiedKey === "copy" ? "[copied!]" : "[copy]"} @@ -376,6 +377,7 @@ export function SortableCitation({ }} className="text-wiki-link text-sm hover:underline focus-visible:outline-dotted focus-visible:outline-1 focus-visible:outline-wiki-text" title={`In-text citation (${citation.style.toUpperCase()})`} + aria-label={copiedKey === "copy-in-text" ? "Copied in-text citation to clipboard" : "Copy in-text citation to clipboard"} > {copiedKey === "copy-in-text" ? "[copied!]" : "[copy in-text]"} @@ -383,6 +385,7 @@ export function SortableCitation({ @@ -390,6 +393,7 @@ export function SortableCitation({ @@ -397,6 +401,7 @@ export function SortableCitation({ @@ -446,6 +451,7 @@ export function SortableCitation({ setEditingNotes(true); }} className="text-wiki-link text-xs hover:underline focus-visible:outline-dotted focus-visible:outline-1 focus-visible:outline-wiki-text" + aria-label="Edit notes" > [edit] @@ -456,6 +462,7 @@ export function SortableCitation({ if (confirm(`Clear notes for "${label}"?`)) onSaveNotes(citation.id, ""); }} className="text-wiki-link text-xs hover:underline focus-visible:outline-dotted focus-visible:outline-1 focus-visible:outline-wiki-text" + aria-label="Clear notes" > [clear] @@ -469,6 +476,7 @@ export function SortableCitation({ setEditingNotes(true); }} className="text-wiki-link text-xs hover:underline focus-visible:outline-dotted focus-visible:outline-1 focus-visible:outline-wiki-text" + aria-label="Add notes" > [+ add notes] @@ -515,6 +523,7 @@ export function SortableCitation({ setQuotesDraft(quotesDraft.filter((_, idx) => idx !== i)) } className="text-wiki-link text-xs hover:underline pt-1 focus-visible:outline-dotted focus-visible:outline-1 focus-visible:outline-wiki-text" + aria-label={`Remove quote ${i + 1}`} > [remove] @@ -526,6 +535,7 @@ export function SortableCitation({ setQuotesDraft([...quotesDraft, { text: "", page: "" }]) } className="text-wiki-link text-xs hover:underline focus-visible:outline-dotted focus-visible:outline-1 focus-visible:outline-wiki-text" + aria-label="Add quote" > + add quote @@ -563,6 +573,7 @@ export function SortableCitation({ setEditingQuotes(true); }} className="text-wiki-link text-xs hover:underline focus-visible:outline-dotted focus-visible:outline-1 focus-visible:outline-wiki-text" + aria-label="Edit quotes" > [edit] @@ -587,6 +598,7 @@ export function SortableCitation({ setEditingQuotes(true); }} className="text-wiki-link text-xs hover:underline focus-visible:outline-dotted focus-visible:outline-1 focus-visible:outline-wiki-text" + aria-label="Add quote" > [+ add quote] @@ -637,6 +649,7 @@ export function SortableCitation({ @@ -646,6 +659,7 @@ export function SortableCitation({ setNewTagInput(""); }} className="text-wiki-text-muted text-xs hover:underline focus-visible:outline-dotted focus-visible:outline-1 focus-visible:outline-wiki-text" + aria-label="Cancel adding tag" > [cancel] @@ -669,6 +683,7 @@ export function SortableCitation({ onClick={() => onAddTag(citation.id, tag)} className={`inline-flex items-center px-2 py-0.5 text-xs border focus-visible:outline-dotted focus-visible:outline-1 focus-visible:outline-wiki-text ${color.bg} ${color.text} ${color.border}`} title={`Add "${tag}"`} + aria-label={`Add tag ${tag}`} > + {tag} @@ -682,6 +697,7 @@ export function SortableCitation({