Two small accessibility problems on the Elements page (#114), left for later so the site could be finished first. ### 1. The search field cannot be seen in light mode (WCAG 1.4.11) In light mode the search field has no border (`--search-border: transparent` in `variables.css`), and its edge has a contrast of only 1.24:1 against the page. An input needs 3:1, so users with low vision may not find it. Dark mode already has a tan line. **Fix:** give `--search-border` a light-mode color with at least 3:1 against `--page-bg`. ### 2. The link names in the table run together (WCAG 2.4.4) A screen reader reads a row's link as "KimHandspring fwd on – 1½ turn…": the name and the description are two block spans with no space between them, and the code is not in the link. The cards on a phone are fine. **Fix:** in `ResultsTable.tsx`, add `{' '}` between the name and the description, and `<span className="sr-only">{row.code} </span>` first in the link. ### Done when - [ ] The search field's edge has at least 3:1 contrast against the page in light mode. - [ ] A row's link name in the table is the code, the name (if any) and the description, with spaces between them. - [ ] A test checks the link name.