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

793 commits

Author SHA1 Message Date
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
Rohan Kumar
2bfc97df9a
Add section on inaccessible browser stylesheets 2022-04-13 18:15:42 -07:00
Rohan Kumar
e3cf310fb9
Meorca is back 2022-04-11 16:47:11 -07:00
Rohan Kumar
c9d3f0c178
Link Speed Index docs, spelling 2022-04-11 16:46:09 -07:00
Rohan Kumar
37860608d0
More on dark stylesheets
- More on the APCA being premature
- Notes on WebKit's shitty default dark colors needing to be overridden
2022-04-11 16:12:57 -07:00
Rohan Kumar
3200333424
Shorter alts, formatting, redundant links, cleanup
- Shrink some excessive alt text
- Remove some redundant links
- Screenreaders that split elements up aren't just on touchscreens
- Mention ChromeVox in list of screen readers
- Move TOC higher in page
- Spelling
- Drop more unused classes
2022-04-09 08:59:12 -07:00
Rohan Kumar
8be0fae481
Templates: drop unused class, support img scaling
- The .footnote-ref  class was unused, drop it.
- Support supplying a scale-factor property to the picture shortcode, to
  upscale small images.
2022-04-09 08:54:58 -07:00
Rohan Kumar
41b66d8ceb
Put TOC heading inside the TOC <nav>
Putting the heading in the navigation element makes the structure more
logical and matches the behavior of most other websites.

Move it before the introduction in my web best practices post.
2022-04-09 08:51:10 -07:00
Rohan Kumar
97d9cdeb63
CSS: more browser default colors for borders. 2022-04-10 20:41:35 -07:00
Rohan Kumar
072ab1dfff
Add + comply with notes on screen reader support
- Replace hashes in code snippets with variables for screen-readability
- Use hyphens where valid instead of combined words for screen reader
  pronunciation
- Typo
- Add WIP section on screen reader support tips not already covered.
2022-04-10 17:24:59 -07:00
Rohan Kumar
e63e856c9a
Typo, mention problematic Immersive Reader css 2022-04-09 12:22:51 -07:00
Rohan Kumar
dc8a635cf9
Fix hole in privacy policy
I hope nobody noticed
2022-04-08 21:03:02 -07:00
Rohan Kumar
9e2d7aa615
CSS: margin only on image figcaptions, not figures
Keeps images from getting shrunk to the point at which pictures of text
are unreadable.
2022-04-08 21:02:06 -07:00
Rohan Kumar
a3b8eb87b7
Add image of hidden search matches, wrapping fixes
- Add ugly screenshot of reddit redesign
- Fix wrapping on narrow viewports
2022-04-08 21:01:08 -07:00
Rohan Kumar
91eef19a8e
Add "in-page search" sec, other additions
- New section on in-page search
- Mention most alt search indexes don't support JS
- Background images bad
- More sample tests: word processors that support HTML
2022-04-08 17:18:45 -07:00
Rohan Kumar
9ba563d868
Rephrasings, inc. more clear link names
Minor rephrasings of some stuff, partially to improve link names (a11y)
2022-04-07 15:42:09 -07:00
Rohan Kumar
76a1d8a7ca
Fix tab-selection of <pre> blocks
Turns out some browsers do skip tab-selection of scrollable <pre> blocks
2022-04-07 15:39:06 -07:00