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

169 commits

Author SHA1 Message Date
Rohan Kumar
7e386b0aa9
Web best practices: add lots of new content
- Add detailed information on targeting old browsers
- Move section on the Tor Browser after the aforementioned older-browser
  section.
- Add cryptcheck, check-your-website
- Add document-policy to image-compression section to describe how to
  enforce image compression.
- Link to ticket for opena11y eval library
- Minor clarification regarding Firefox a11y inspector: scrollable
  elements in any direction will be interactive
- Update note on seirdy.one cache-control directives
- Add missing "Future users" section to gemtext version
- Updated outdated info on full-text feed sizes
- Spelling/typos
2022-08-23 09:19:10 -07:00
Rohan Kumar
8cf248d1a4
Web best practices: many minor updates
- Mention Ancienne TLS implementation for vintage computers
- Elaborate on contain-intrinsic-size being safer on long pages, and
  explicitly mention scrollbar-jumping
- Grammar fixes
- Convert a long blurb of hard-to-follow text into bullet points
- Update dated info on this site having no breadcrumbs: it has
  breadcrumbs now. Explain why.
2022-08-17 18:14:52 -07:00
Rohan Kumar
4f78d1b6ef
Mention real-world benefits of css containment 2022-08-10 17:00:02 -07:00
Rohan Kumar
afd5689d38
Mention FF 104 fixed the focus indicators 2022-08-08 17:30:10 -07:00
Rohan Kumar
ca388d68f5
Add section "against focusable containers"
Explain why making sectioning content focusable ruins tab order.
2022-08-07 17:52:35 -07:00
Rohan Kumar
0f0f7d4724
Add more justifications for advice
- Mention lockdown mode and the Tor Browser disabling 3p fonts
- Mention usvg for simplifying SVGs
- Cite WAI's draft Low Vision Requirements document to justify stance
  against sidebars.
- Trivial rephrasing
- Link to my "two types of privacy" article
- Update references to site colors to reflect changes
- Link to additional reference on buttons versus links.
2022-08-07 17:42:12 -07:00
Rohan Kumar
2ed2bf3c88
More info on optimizing perf for very long pages
Add information about performance of the accessibility tree and how to
offset some difficulties caused by large DOM trees.
2022-08-05 22:41:31 -07:00
Rohan Kumar
c7cf0509a6
Web Best Practices: add lotsa new info
- Add a bunch of new stuff from WAI-Coga's coga-usable doc
- Update outdated CSP example
- Rephrasings
- Elaborate on use of CSS containment
- More on the virtues of URL underlines
- MS Edge does not support AVIF
- More skip-link guidance
- guidance on keeping important content above the fold
- Reference a WebKit bug
2022-08-01 20:57:07 -07:00
Rohan Kumar
ca160f34ca
Various corrections
- update my use of utility clases
- update my use of content-visibility
- rephrase some things
2022-07-21 18:59:14 -07:00
Rohan Kumar
636f80982c
Clarify browser support for visible alt-text 2022-07-21 18:50:05 -07:00
Rohan Kumar
f0a91d2678
a11y: Clarify sarcasm with WAI-Adapt vocabulary 2022-07-11 15:17:12 -07:00
Rohan Kumar
c1854c07ff
Mention Helmholtz–Kohlrausch effect wrt APCA 2022-07-03 22:01:54 -07:00
Rohan Kumar
8d244920e5
Clarify hyphenation guidelines
Breaking up compound words is safe; otherwise, test pronunciation.
2022-06-27 12:44:14 -07:00
Rohan Kumar
4c7d36e7cf
Use soft hyphens more judiciously
- Recommend others be careful with their use of soft hyphens, and test
  with NVDA. Poorly-placed hyphens can make words sound unclear.
- Dial back my use of soft hyphens to only what's necessary.
2022-06-19 16:23:17 -07:00
Rohan Kumar
fba366ca11
Check and fix broken links 2022-06-17 20:36:35 -07:00
Rohan Kumar
9f3d6b9df3
Re-introduce RSS discoverability alongside Atom
The RSS feeds use escaped HTML instead of XHTML, which improves
compatibility with certain feed readers (e.g. Microsoft Outlook).

Mention that Outlook uses its own weird engine for feed contents in my
web best practices article.
2022-06-17 08:51:53 -07:00
Rohan Kumar
666342d867
mention Brave SpeedReader 2022-06-10 17:25:16 -07:00
Rohan Kumar
c84c8d4214
BREAKING: Prettify URLs, add Atom feeds
Adding a bunch of server configs to do the re-directs too.
2022-05-26 18:57:49 -07:00
Rohan Kumar
063ddbb8d9
Elaborate on single-col layout, make evergreen 2022-05-23 17:35:50 -07:00
Rohan Kumar
9077660b9f
New section "visible interactive semantics"
Move "in defense of link underlines" to subsection of new "visible
interactive semantics" section. Add info on distinguishing between
buttons and links, and making non-interactive space look visually
distinct from interactive space.
2022-05-19 19:31:24 -07:00
Rohan Kumar
c5eb934555
Clarify horizontal line test, RT-tracking overkill
- round-trip-tracking is overkill for most use-cases
- clarify that horizontal line test is best used for landmarks and for
  multiple different grouping elements, rather than just any grouping
  element.
2022-05-18 18:31:55 -07:00
Rohan Kumar
831c54b4ab
Fix metadata/semantics, clarify alt text length 2022-05-18 11:38:16 -07:00
Rohan Kumar
795e5fc58c
Add footnote about SC 2.4.8, fix gemtext footnotes
Some gemtext footnote refs were missing; some were out of order.
2022-05-17 17:17:20 -07:00
Rohan Kumar
f1867f4255
Add section: "Transfer size and user flows", fixes
- Add new subsection of "optimal loading" that connects WCAG SC 2.4.5
  with payload size.
- Remove/replace some inline formatting.
- Add some in-page-links to definitions and new section
- Replace "click" with "navigate" since not everyone navigates by click.
2022-05-17 08:54:25 -07:00
Rohan Kumar
d543f7a6b2
Limits of translation, hard-wrapped <pre>
Describe current limitations of machine translation for web content, and
encourage authors to hard-wrap <pre> text to limit horizontal scrolling
in widescreen desktop browsers.

Mention KaiOS Readout
2022-05-13 17:23:16 -07:00
Rohan Kumar
e523956ecd
Some additions and fixes
- Benefit of identical source/dom/visual order: layout consistency
- Expand the "horizontal-line test" to be a bit more precise.
- Elaborate on line-length issues in SC 1.4.8
- Add footnote mentioning uBlock Origin's support for blocking large
  media elements
- Update mention of border-colors: I don't set most border colors
  anymore.
- Switch "lighten them up" to "de-saturate them" regarding colors and
  overstimulation.
- Update references to my CSS color palette to reflect changes
- Reduce excessive inline formatting in a blockquote
- Re-phrasings and formatting
2022-05-13 17:14:16 -07:00
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
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
bf07611639
Update guidance on tap target and non-interactive size 2022-05-05 15:31:30 -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
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
447b8463bb
Elaborate on HPACK/QPACK, simplify code snippet 2022-04-26 17:16:29 -07:00
Rohan Kumar
75e3e019c7
More on color overrides, some hyphens. 2022-04-25 22:12:53 -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
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
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