Move <link> tags from public/index.html to the treebank components
Add a robots.txt
Increase contrast of links
Increase size and spacing of "locus" links on small screens
Lighthouse also recommended loading the Arethusa JavaScript in a lazy way instead of in index.html. I did try that but, subjectively, the user experience was not good. The main page loaded a little faster, but the treebank page loaded much slower.
I tested this on Chrome, Firefox, and Safari. I don't think any of the changes could cause problems in any browser, except perhaps for loading the Arethusa styles in React components instead of in the index.html.
Using Google Chrome's Lighthouse, I found a few places where changes could be made to improve accessibility, performance (slightly), and SEO:
<meta name="description">tag inindex.html<link>tags frompublic/index.htmlto the treebank componentsrobots.txtLighthouse also recommended loading the Arethusa JavaScript in a lazy way instead of in
index.html. I did try that but, subjectively, the user experience was not good. The main page loaded a little faster, but the treebank page loaded much slower.I tested this on Chrome, Firefox, and Safari. I don't think any of the changes could cause problems in any browser, except perhaps for loading the Arethusa styles in React components instead of in the
index.html.Before (left) and after (right):