summaryrefslogtreecommitdiffstats
path: root/content
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-06-16 22:51:12 +0200
committerVolpeon <git@volpeon.ink>2022-06-16 22:51:12 +0200
commit8c0706051eb7529429a7782de54af793ad6f0946 (patch)
tree66050ddb000d39b681e1cd5a8428159c18f2af66 /content
parentFix metadata (diff)
downloadvolpeon.ink-8c0706051eb7529429a7782de54af793ad6f0946.tar.gz
volpeon.ink-8c0706051eb7529429a7782de54af793ad6f0946.tar.bz2
volpeon.ink-8c0706051eb7529429a7782de54af793ad6f0946.zip
Added alert component, added image description post from fedi
Diffstat (limited to 'content')
-rw-r--r--content/notebook/fediverse/in-depth-image-descriptions.md31
-rw-r--r--content/notebook/fediverse/index.md8
-rw-r--r--content/notebook/scrap/design-test.md2
-rw-r--r--content/notebook/scrap/index.md2
4 files changed, 42 insertions, 1 deletions
diff --git a/content/notebook/fediverse/in-depth-image-descriptions.md b/content/notebook/fediverse/in-depth-image-descriptions.md
new file mode 100644
index 0000000..9fe7e48
--- /dev/null
+++ b/content/notebook/fediverse/in-depth-image-descriptions.md
@@ -0,0 +1,31 @@
1---
2schema_type: DigitalDocument
3title: Detailed image descriptions aren't always helpful
4date: 2022-05-05
5
6references:
7 - label: Original Post
8 url: https://mk.vulpes.one/notes/8zwxp9lywc
9---
10
11::: alert
12I noticed that quite a few people write very extensive image descriptions.
13Mastodon in particular implies that this is the correct way since the character limit for them is [three times as high as the limit for the actual post content](https://github.com/mastodon/mastodon/pull/11819).
14However, there are common situations where these image descriptions are in fact not helpful.
15:::
16
17Imagine you're using an online shop.
18What you'll typically see is a list of products where each list item has a small preview image, a product name and some other metadata.\
19Now imagine that the shop displays a long textual description for each product instead.
20This is what the timeline appears like to screen reader users if long image descriptions are used.
21And unlike people seeing the text, they don't have the luxury of skimming to grasp vital information quickly -- they can only skip the rest of the description at any point, or wait for the screen reader to read all of it.
22
23Detailed descriptions are only helpful when the user has decided the content is interesting to them.
24Currently, most fedi frontends put them in the attachment's `alt` attribute, which is fine if the user is currently viewing a single post instead of the timeline.
25But on the timeline, it's much more important to have quick summaries instead.\
26In terms of the example above, it's the same when viewing a single product vs. the product list.
27You're only interested in the details if a product is interesting to you.
28
29Image description on fedi are a step up from having none at all, but they're still inadequate.
30Ideally, you could provide both a quick summary and an in-depth description, and the UI presents both in a way that's the most helpful.\
31Since this possibility doesn't exist, please consider keeping image descriptions short and putting the long description in the post body.
diff --git a/content/notebook/fediverse/index.md b/content/notebook/fediverse/index.md
new file mode 100644
index 0000000..c628a37
--- /dev/null
+++ b/content/notebook/fediverse/index.md
@@ -0,0 +1,8 @@
1---
2title: Fediverse
3position: 2
4list_read_indicators: true
5feed: true
6---
7
8Longer texts I posted on the fediverse that I wanted to preserve.
diff --git a/content/notebook/scrap/design-test.md b/content/notebook/scrap/design-test.md
index 844bdd1..c7c05ca 100644
--- a/content/notebook/scrap/design-test.md
+++ b/content/notebook/scrap/design-test.md
@@ -1,7 +1,7 @@
1--- 1---
2schema_type: DigitalDocument 2schema_type: DigitalDocument
3title: Markdown Test Page 3title: Markdown Test Page
4last_update: 2022-06-16 4last_update: 2021-12-16
5--- 5---
6 6
7- [Headings](#headings) 7- [Headings](#headings)
diff --git a/content/notebook/scrap/index.md b/content/notebook/scrap/index.md
index 4cc3c2e..26e3298 100644
--- a/content/notebook/scrap/index.md
+++ b/content/notebook/scrap/index.md
@@ -4,3 +4,5 @@ position: 100
4list_read_indicators: true 4list_read_indicators: true
5feed: true 5feed: true
6--- 6---
7
8Test pages and other stuff.