1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-23 21:02:09 +00:00
Commit graph

834 commits

Author SHA1 Message Date
Rohan Kumar
b1efab7def
More markup formatting, remove unnecessary div
- Decrease the article dom depth by 1 by replacing <main><div> with just
  <main>.
- Fix some whitespace so the HTML output looks better.
2022-04-25 17:28:13 -07:00
Rohan Kumar
87a89ce514
Fix skipped heading level 2022-04-25 08:54:42 -07:00
Rohan Kumar
de526ce75c
Explicitly give SVG a black background
Some agents pick their own favorite color for the background if unset.
2022-04-25 08:52:10 -07:00
Rohan Kumar
eb8ca07b9f
Goldmark 1.4.12, switch to good unminified output
- Goldmark 1.4.12 switches footnotes from a <section> to a <div>; update
  regexes and stylesheet to account for this.
- Goldmark 1.4.12 allows multiple footnotes with the same reference; use
  that.
- Clean up templates for unminified output. Also delete an unused class.
- Switch to unminified output by default.
2022-04-25 08:49:13 -07:00
Rohan Kumar
f23b4f1975
Update theme color 2022-04-25 08:39:13 -07:00
Rohan Kumar
4e65794972
Remove repetitive link. 2022-04-24 22:03:51 -07:00
Rohan Kumar
76bc44b9a2
Shorter alt-text, unique link names. 2022-04-24 21:53:19 -07:00
Rohan Kumar
f3a77025fa
Add periods to post metadata
Helps screenreaders add pauses appropriately.
2022-04-24 21:51:52 -07:00
Rohan Kumar
715fb820ec
Rephrasings to make descriptions less spatial 2022-04-24 16:53:46 -07:00
Rohan Kumar
bd7c76044a
Give section a label 2022-04-24 16:53:29 -07:00
Rohan Kumar
4e48237647
Prepare for goldmark v1.4.12
Goldmark v1.4.12 switched footnotes to a div. Make them a <section>
again, since I do insert a heading.
2022-04-24 12:35:07 -07:00
Rohan Kumar
8d22a26692
This dd/dt/dl distinction confused me ugh 2022-04-23 20:29:17 -07:00
Rohan Kumar
c609681824
Oops, that wasn't a typo. 2022-04-23 20:27:35 -07:00
Rohan Kumar
baa84af0c5
Remove skip link, typo.
The skip link is unnecessary on my site since landmarks and headings
both allow skipping repeated content.
2022-04-23 20:21:02 -07:00
Rohan Kumar
86def57b1b
Fix some dated info
Some changes on my site weren't reflected in the article content.
2022-04-23 20:20:17 -07:00
Rohan Kumar
a84a6d8520
Add indetdex engines 2022-04-23 20:13:22 -07:00
Rohan Kumar
793c58eeb9
Improve link colors on gamma-adjusted screens
Existing link colors made it hard to distinguish between visited and
unvisted links on screens that had warmer color temperatures. Adjusted
the colors to make the distinction clear.

Unfortunately, that adjustment made superscript visited links (for
footnotes) fail the APCA, so I added a solid black background to
superscripts. Now they too should have good contrast.
2022-04-23 15:35:08 -07:00
Rohan Kumar
aefc6e4e26
Include h3 in TOC 2022-04-22 21:45:51 -07:00
Rohan Kumar
3300d14f99
robots: disallow some toxic bs 2022-04-22 21:45:15 -07:00
Rohan Kumar
8ddc2ec879
Make transcript the description of the image. 2022-04-22 11:48:22 -07:00
Rohan Kumar
bec97543aa
Remove redundant "Contact" section article footer
There's a contact link in the site footer now, no need to include it in
the article footer.
2022-04-22 11:40:34 -07:00
Rohan Kumar
223fcd42c3
Lighten inks, inline footer nav on widescreen
- I felt dark-mode links were still a bit harsh, so I lightened them.
- Improved perceptual contrast of the purple visited links by making the
  background color slightly less blue.
- On widescreen, make footer links inline. They happen to be about the
  same width as the global nav, which makes this work well.
2022-04-22 08:53:11 -07:00
Rohan Kumar
f10de9f2e2
Improve semantics/a11y of site header/footer
- Make footer links a list element
- Make header aria-label less redundant
- Give footer links a label
2022-04-22 08:49:27 -07:00
Rohan Kumar
d3806e630c
Shorten some unnecessarily verbose alt-text
The same necessary information is conveyed, but now it's shorter. Also
removed some extra redundant information.
2022-04-22 08:49:27 -07:00
Rohan Kumar
6aa7656411
Remove aria-description from figures
Causes repetition in some screen readers.
2022-04-22 08:48:20 -07:00
Rohan Kumar
0dc6ee1258
New "contrast is complex" sub-section
Elaborate on how hues with good perceptual contrast can be
over-stimulating, so we should try to make them "washed-out" when
possible.
2022-04-21 23:01:35 -07:00
Rohan Kumar
901e52b442
CSS: corrective spacing, dark-theme coga
Yellow is a harsh color for people who deal with overstimulation; soften
it up a bit.
2022-04-21 22:31:38 -07:00
Rohan Kumar
c939afbc0a
Elaborate on focus indicators + fix anchors 2022-04-21 21:40:40 -07:00
Rohan Kumar
2c87b6269f
Revert "Microdata: don't replace "name" with "nickname""
This reverts commit 50d4c9435d.
2022-04-21 21:40:17 -07:00
Rohan Kumar
50d4c9435d
Microdata: don't replace "name" with "nickname" 2022-04-21 18:03:14 -07:00
Rohan Kumar
d89de5db68
Give code figures both a label and description 2022-04-20 17:56:06 -07:00
Rohan Kumar
120232a403
Re-do my approach to image transcripts.
Way better now. Also introduce a way to emphasize some keywords in code
blocks without going full syntax-highlighting.
2022-04-20 17:55:13 -07:00
Rohan Kumar
50c3ec981c
Improve + talk about image transcripts some more 2022-04-20 17:36:02 -07:00
Rohan Kumar
8d1fa33d0c
Add more info on Windows High Contrast mode 2022-04-19 20:19:58 -07:00
Rohan Kumar
02bf9e6a6b
Site structure: emphasize current on home, meta
- microdata for CompleteDataFeed on /posts.html instead of DataFeed
- make the home link <strong> when it's the current page, just like the
  other navlinks.
2022-04-19 20:16:20 -07:00
Rohan Kumar
49c14a8b2a
Re-order some resume bits 2022-04-19 20:15:55 -07:00
Rohan Kumar
432fa923af
Update my bios
Just realized my site makes me look like a massive techbro. Ugh. Added
some info about my other interests, esp. a11y and inclusive design.
2022-04-19 20:11:56 -07:00
Rohan Kumar
8e8512290b
Fix invalid HTML 2022-04-19 20:07:30 -07:00
Rohan Kumar
52a7b8a737
Fix overflow 2022-04-19 18:17:21 -07:00
Rohan Kumar
01e52bad16
Split up figcaption partial, add some fignos
- give code blocks their own figure numbers/names/ID
- Split figcaption into quotecaption and codecaption
- create codefigure partial to reduce markup for SoftwareSourceCode
  figures
2022-04-19 18:06:57 -07:00
Rohan Kumar
84cde2e97f
Internal: create + use figure shortcodes + hooks
Create a for <figcaption> and a render hook for code snippets inside
figures, replacing some ugly and complex inline HTML in my markdown
sources.

The only visible change is slightly worse HTML alignment and programming
language indicators (with microdata).

This removed the need to use one of the regex replacements in the
processed_content.html shortcode, and increased the minimum required
Hugo version to 0.93.
2022-04-18 21:15:29 -07:00
Rohan Kumar
d970afb769
Don't delete ~seirdy symlink
On my tilde I use public_html/~seirdy so that seirdy.envs.net doesn't
have broken links.
2022-04-18 21:21:59 -07:00
Rohan Kumar
e59f3b6e15
Expand "Accessible skimming" section
I've learned a lot about landmarks recently.
2022-04-18 21:20:50 -07:00
Rohan Kumar
78d9ddb749
Mention screen reader verbosity and noise 2022-04-18 21:06:21 -07:00
Rohan Kumar
84c77b62f0
Screen readers: don't speak redundant © 2022-04-18 21:05:34 -07:00
Rohan Kumar
3490f630cc
Switch bad use of <footer> to <section>
Thanks to @eslerm@mastodon.social for asking some good questions that
got me to re-evaluate my use of <footer>.
2022-04-18 21:04:37 -07:00
Rohan Kumar
c94a846730
Re-order article footer elements
Add headings and re-order the items in the article footers to improve
heading-based navigation. Now all sections should have a landmark
recognized by most AT, or a heading.
2022-04-18 19:58:09 -07:00
Rohan Kumar
83b4f32d0b
Emphasize current section in navbar
WCAG recommends telling visitors about their current place in a site's
hierarchy. All pages are exactly zero or one level below a section, so
simply emphasizing a member of the navigation links should be
sufficient.
2022-04-18 19:54:40 -07:00
Rohan Kumar
1391b93dd0
Add aria labels to footnote backlinks 2022-04-18 08:59:43 -07:00
Rohan Kumar
8d34425e45
Markdown style, put some figcaptions in paragraphs
Figcaptions for code snippets should be in their own paragraphs, since
they're a bit more descriptive.
2022-04-18 08:57:33 -07:00