about:tor semantic and accessibility problems
Some issues with the about:tor page:
- I'm not sure "About Tor" is the best document title. Wouldn't it be "About Tor Browser", or "Tor Browser Ready" or "Tor Browser Home"?
- The "New to Tor Browser" button (
#onboarding-overlay-button) has an almost invisible "focus-visible" styling. And the color contrast is poor.
- The search input (
#search-text) has no "focus-visible" styling.
- The search button (
#search-button) has "focus-visible" outline that isn't consistent with the rest of the page: it has thin dotted outline, whilst the links have a thick blue outline.
- The search label (
#searchlabel) has no text content (it is just a background image) so does not work as a label for the search input.
- All the
#imageStyle) do not have an
- A lot of the link text ends in the "»" symbol. I'm not sure why we do this, but it does not read well on a screen reader. So it should be removed or visual only.
- I feel like the
.heading1text is meant to act as the page's heading, so should be a
- The page uses lots of
<div>s instead of elements with more structural semantics.