Headings
Right now, headings blend in a little too much with regular text for my taste. However, the usual trick of enlarging them eats up too much of the (intentionally) small screen real estate of the site, so I'm thinking of using these borders. What do you think?
Incidentally, the text under this heading is using p tags, which I usually don't. All these years I've just been using br tags to manually do line breaks, but that's probably not what you're supposed to do.
Top nav
Something that I would like to do is have a little bar at the top of pages that tells you where you are in relation to other things, because sometimes it can be a little disorienting when you're not on a top-level page. I don't want it to eat up more of the screen, so it should just be at the top of the page and not follow you as you scroll. It could look something like this:
Table sorting
Right now, when a table is sorted, it might be messed up because sometimes the logical way to sort something doesn't quite align with alphabetization. I wonder if it's possible to have invisible text that causes it to be sorted somewhere else?
| Sort this column | Beep boop. |
|---|---|
| B is for BLASTERMASTER | |
| A is for ARGH | |
| C is for CLIT |
It turns out that yes, it is!
Tooltips
Sometimes I have to cram a lot of info into a small space (i.e. the master list). It may be useful to have tooltips to explain certain things. I was doing a whole fancy thing and it turns out there is just a html tag for this. bruh
"abbr" tags are for abbreviations, "dfn" tags for definitions. This is important for accessibility because screen readers will interpret them in a useful and non-confusing way. However, for visual readers, I will style them the same because the distinction is less important and the default styling for "dfn" is a bit strange for our purposes.
Proper heading usage
In the rest of this page I was using p for headings, for some reason. It turns out this may be an accessibility faux pas, so I should have the same visual functionality work on h1, h2, etc. tags and use those instead.
Other accessibility features
There should be a "skip navigation" link. However, the layout of the site may be inherently difficult to use for non-sighted folks. If this turns out to be the case, I will just have to make a "simple layout" version that makes things easier.