1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-12-27 10:52:09 +00:00
Commit graph

188 commits

Author SHA1 Message Date
Rohan Kumar
a9039e1bde
Adjust image transcript approach
- Use section instead of nested article
- Adjust stylesheets to match above markup changes
- Mention upcoming aria-details
2022-05-12 17:33:12 -07:00
Rohan Kumar
a96b77793b
More CSS containment, adopt shortcodes
- Adopt more shortcodes in older posts.
- Contain figures, excluding images. Slightly decreases paint times.
- Fix spacing issues for nested articles.
- Always enable vertical scrollbar, since pretty much all pages are
  taller than the viewport. Eliminates a layout shift.
- Moar microdata
- Set fixed updated dates for some posts so they don't get new
  date-updated values until I actually change the content significantly
2022-05-11 23:32:35 -07:00
Rohan Kumar
fb84eb5d12
Minor microdata/whitespace fixes 2022-05-10 16:05:22 -07:00
Rohan Kumar
71dc86faf9
Fix non-interactive space section & impl
Improve non-interactive space on the homepage and use a better
screenshot to illustrate the concept.
2022-05-09 17:51:44 -07:00
Rohan Kumar
4f177f5536
Use less harsh colors in a screenshot
Make the dark link underlines screenshot less prone to overstimulation
2022-05-09 08:25:13 -07:00
Rohan Kumar
7bd796a44c
Floating block examples, Tkhtml, semantics, other
- Change a quote of a code snippet to a code snippet with a citation
- Mention tkhtml
- Mention pandoc and printfriendly as exmples of moving figure elements
  like floating blocks.
- Make TPGi a publisher, not an author.
- Use brackets to clarify a reference in a quotation.
- Add personal example of why it's important to test both low- and
  high-end displays.
2022-05-08 21:08:08 -07:00
Rohan Kumar
88ca957941
add info on watches/translation/indentation/other
- Mention device-adjust
- translation tools don't always understand nested translate directives
- another pitfall of over-reliance on indentation: nested indented
  elements are ambiguous
- Fix some typos
- Update outdatead references to my site's CSS that I've since changed.
2022-05-07 22:17:27 -07:00
Rohan Kumar
3cd44b2ce5
Typos, grammar, descriptive names, etc. 2022-05-06 22:15:29 -07:00
Rohan Kumar
6ebbd739fd
Fix image structured data 2022-05-06 10:30:11 -07:00
Rohan Kumar
ee498b9745
Fix broken link 2022-05-05 20:39:23 -07:00
Rohan Kumar
89b0e01e66
Fix microdata nesting
Make sure separate elements are part of each other so only a single
element is at the top level.
2022-05-05 19:57:27 -07:00
Rohan Kumar
bf07611639
Update guidance on tap target and non-interactive size 2022-05-05 15:31:30 -07:00
Rohan Kumar
d97481f381
Homepage refactor
- Make webring links touch-friendly and accessible by using spaced-out
  details elements.
- Make details elements touch-friendly by indicating interactive region
  area and making summary padded.
- Sort featured posts by featured order.
- Ensure that at least one non-interactive tappable region exists on the
  screen at all times, 48x48 px.
2022-05-04 22:22:38 -07:00
Rohan Kumar
781f910f99
POSH: replace some divs with <section>s, add <p>
- Put webmention list items in <p>
- make doc-endnotes a section again
- make doc-preface a section with a heading apart from the TOC.
2022-05-03 21:30:20 -07:00
Rohan Kumar
1863c65dce
Trivial rephrase, keeps a figure from overflowing 2022-05-03 17:09:21 -07:00
Rohan Kumar
992ba534af
restricted enhancement, rename article, narrow vp
- Define term "restricted enhancement"
- Rename article (shorter title)
- Better support for narrow viewports
2022-05-02 21:13:50 -07:00
Rohan Kumar
adcccad94e
Website tests: add test exclusions 2022-05-02 17:09:46 -07:00
Rohan Kumar
1502d59e59
Add automated testing tools, better link names
Split "testing" section up into two subsections, with one subsection for
automated testing tools.

Split "The Tor Browser" section into two subsections.

Make link names more descriptive.
2022-05-02 15:42:44 -07:00
Rohan Kumar
321f851431
Remove responsive navbar
It's mobile-friendly as-is. I made sure that tap-targets were even
bigger and more spaced-apart, just to be safe.

Hide unnecessary nav-links in print mode.
2022-05-01 17:04:20 -07:00
Rohan Kumar
cc59c9abf0
More about APCA, RCWN, allow-same-origin, typos 2022-04-29 17:37:24 -07:00
Rohan Kumar
ad42b30027
Fix some microdata 2022-04-29 09:01:40 -07:00
Rohan Kumar
b22ec089f8
Rephrase, mention problems with role=text. 2022-04-28 17:43:46 -07:00
Rohan Kumar
fb6e91c820
Reduce accidental skips, add transcript, microdata
When a figure is in the middle of a section, mobile screen reader users
might not switch away from heading-based navigation. Instead, they might
just jump to the next heading.

Re-organize the page to put some skippable content closer to the end of
sections, and add a section describing the need for this.

Also add a transcript to the screenshot of BMFW, and adopt the new
quotecaption shortcode, and fix some structured data by using some
shortcodes properly.
2022-04-27 17:53:50 -07:00
Rohan Kumar
371253c2dc
Improve code blocks
- Support defining text in a codeblock that can be translated
- Shrink some blocks to prevent page breaks on print
2022-04-27 08:53:39 -07:00
Rohan Kumar
f964152072
Add SerenityOS screenshot
obv gotta show off that awesome retro desktop
2022-04-26 22:39:12 -07:00
Rohan Kumar
f8cc34f37b
Phrasing 2022-04-26 17:22:18 -07:00
Rohan Kumar
447b8463bb
Elaborate on HPACK/QPACK, simplify code snippet 2022-04-26 17:16:29 -07:00
Rohan Kumar
4ed64cf96e
off-by-one error 2022-04-26 09:20:31 -07:00
Rohan Kumar
75e3e019c7
More on color overrides, some hyphens. 2022-04-25 22:12:53 -07:00
Rohan Kumar
5afbe2b108
Trivial typo 2022-04-25 20:04:07 -07:00
Rohan Kumar
3db1d6ca1b
Mention FoUC + WFoD, and more on ATs
- Mention the browser-AT relation.
- Mention symbol names versus appearance.
- Also throw in a doc-tip
2022-04-25 17:40:16 -07:00
Rohan Kumar
a5245b26fa
Remove broken link 2022-04-25 17:35:46 -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
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
715fb820ec
Rephrasings to make descriptions less spatial 2022-04-24 16:53:46 -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
8ddc2ec879
Make transcript the description of the image. 2022-04-22 11:48:22 -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
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
c939afbc0a
Elaborate on focus indicators + fix anchors 2022-04-21 21:40:40 -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
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
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