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
Rohan Kumar
070ad7c14d
Correct use of landmarks
...
- No content outside landmarks
- Remove bad use of <aside>
2022-04-18 08:56:22 -07:00
Rohan Kumar
92f1d70128
Fix TOC aria labels, avoid bad spatial word choice
2022-04-18 01:29:05 -07:00
Rohan Kumar
addcf78292
Add missing aria label
2022-04-18 00:51:07 -07:00
Rohan Kumar
9d34f82f5d
Limit homepage posts to featured posts
2022-04-18 00:31:19 -07:00
Rohan Kumar
e4b5d59520
Reference other article, phrasing, fix double id
2022-04-18 00:09:09 -07:00
Rohan Kumar
b5ebca64cd
Switch back to using a <hr>
...
The thematic break is appropriate here and having it announced by screen
readers actually helps.
2022-04-17 22:59:49 -07:00
Rohan Kumar
8bc7176e6d
Fix broken anchor link
2022-04-17 13:07:20 -07:00
Rohan Kumar
ca3e997c61
Remove redundant link and trailing whitespace.
2022-04-17 13:03:39 -07:00
Rohan Kumar
3affd1f97a
Fix missing h1 on bookmarks page
2022-04-17 12:49:21 -07:00
Rohan Kumar
4650a88024
Fix missing h1 on posts page
2022-04-17 12:48:33 -07:00
Rohan Kumar
f1c2acd256
Drop Weird Wide Webring
...
https://github.com/jackmcdade/weird-wide-webring/pull/62 hasn't had
activity for a bit over a month, so I guess I should drop their webring
links.
2022-04-17 12:40:09 -07:00
Rohan Kumar
eda72198aa
CSS: embrace the default border color
2022-04-16 14:34:30 -07:00
Rohan Kumar
ac930ce9a8
Update README.md
2022-04-15 21:07:42 -07:00
Rohan Kumar
c2e146e7bc
More narrow screen optim for old browsers
...
Some old browser engines don't fully support hyphenation, so they need
some extra help. Now, the entire site should fit in a 150 CSS-pixel wide
viewport.
Clean up some link text too so the text alone is more useful.
2022-04-15 21:06:28 -07:00
Rohan Kumar
3632ab0bc1
Cleanup: remove redundant link, word break
...
Some browsers don't break words with hyphens.
2022-04-14 22:51:21 -07:00
Rohan Kumar
107643dfb5
Add missing screenshot of focus indicators
2022-04-14 22:51:05 -07:00
Rohan Kumar
00da18b36e
Add skip link
...
Should now be full wcag AA with some AAA.
2022-04-14 22:15:54 -07:00
Rohan Kumar
7726d8341e
Even more narrow optim
...
Should now work on a viewport of 150px
2022-04-14 22:15:36 -07:00
Rohan Kumar
401837952f
Make all pages look good in 150px viewports
...
All pages except bookmarks can now fit on your smartwatch without any
adjustments, so we can disable the auto-zoom-out-to-match-mobile
wizardry that watch browsers do (comparable to the
zoom-out-to-match-desktop stuff that early mobile browsers did).
Yay.
2022-04-13 18:43:12 -07:00
Rohan Kumar
98979f33de
Mention smartwatches with web browsers
...
Support extremely narrow viewports. Add some hyphens accordingly.
2022-04-13 18:42:52 -07:00
Rohan Kumar
5d8a86f27f
Fix whitespace again
2022-04-13 18:25:59 -07:00
Rohan Kumar
4214a351ba
Fix stylelint
2022-04-13 18:22:07 -07:00
Rohan Kumar
e29aa8c9ca
Fix whitespace
2022-04-13 18:21:48 -07:00
Rohan Kumar
1938aa2246
Remove redundant section
2022-04-13 18:21:39 -07:00
Rohan Kumar
eaa8023af8
CSS: apply improvements described in WBP article
...
- Use borders instead of <hr>
- Distinguish <kbd> from <code> and body text with boldness
- Improve dark contrast and make dark visited links look distinct from
regular text
- Improve focus indicators
2022-04-13 18:19:49 -07:00
