#dev 2024-10-02
2024-10-02 UTC
spenc joined the channel
# 
spenc should the site's name and link be in its own h-card?
troojg and lifeofpablo joined the channel
# 
[tantek] I don't know of any. I think it's mostly a personal markup preference. I believe even screenreaders handle one or multiple h1s ok. However MDN says to avoid multiple h1s: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements#avoid_using_multiple_h1_elements_on_one_page
spenc joined the channel
# spenc css grid is so neat omg
jjuran_, sp1ff and [qubyte] joined the channel
# 
[Murray] @pi_rd_0[d] yep, there are some. Reader modes are an example, where they will often use the `<h1>` on a page as the title and highlight that at the top. Additional top-level headings can be ignored (assumed to not be part of the relevant content) or demoted. I think if you have only one `<h1>` within a `<main>` then that _should_ get prioritised, but from experience there are a lot of different web page parsers and few agree on how to handle
# _pi_r2_0[d] If you have examples of poorly behaved one I'd be curious to try
# [Murray] Plenty of people also use a page's heading order to navigate directly e.g. with screenreaders or voice controls, where there is often a key binding for jumping between headings. These assume a strict hierarchy to make it quick to scan over a page, and the expectations are that the `<h1>` would be the genuine page title. I believe some Braille converters also generate contents tables for a similar advantage, which will again assume one h1
# _pi_r2_0[d] Again I already have one page title, it's called title not h1
# _pi_r2_0[d] My pages have sections and each of them have a hierarchy of headings
# [Murray] Title is practically metadata. I'm talking about the article title, the thing that you want a user to identify the page as, the thing they can see. They can be the same thing and sometimes you don't need a bespoke page title (e.g. commonly homepage) but outside of web apps, I've never seen a lot of places where that pattern is better than just having a proper title
# _pi_r2_0[d] https://nothing.pcarrier.com/news
# _pi_r2_0[d] Each article is its own document, I don't shift the headings down
# _pi_r2_0[d] Would love to see what that breaks in readers concretely
# [Murray] Oh that's cool! So I'd say that the clear page title here is "Nothing Daily"; the purpose of this page is a collection of articles under a common headline (and that is it). Each article is then an `<h2>` under that common heading. That's just the common advice of course 🙂 I'll give this a go in a couple of things and see what happens
# _pi_r2_0[d] Safari's reader mode understands the hierarchy.
# _pi_r2_0[d] (it's not a particularly interesting case because people can click on the 2nd link on the page to go back to a normal navigation between list of articles and individual page per article)
__DuBPiRaTe__, E_Bomb and ttybitnik joined the channel
[KevinMarks] joined the channel
# _pi_r2_0[d] Sure, help yourself
# _pi_r2_0[d] It was already shared by 11ty on mastodon, most of my visits are to that page 🙂
Guest6, AramZS, Xe and [tantek]1 joined the channel
# 
[mattl] Thinking about the way to support indieauth on http://Libre.fm where usernames for clients are the biggest concern. Either way I'm going to have to create a second username/password for a client.
[Murray] joined the channel
# [tantek] today's Weird Web October theme is CSS, in case anyone here wants to participate! https://weirdweboctober.website/
# [mattl] [tantek] what do you think of this Re: indieauth for http://Libre.fm? https://bored.city/demo.html
# [mattl] so the bigger issue with indieauth for http://Libre.fm is being able to send data from your desktop music app to the server, right now there's one username/password per user and this is less than desirable.
# [mattl] tantek: also there should be an http://example.com box that appears when you pick indieauth
# _pi_r2_0[d] client-side cryptography -> need JS
# _pi_r2_0[d] most of my recent projects have involved client side crypto…
# sebbu I wanted to read the Table of Content on https://www.webnovel.com/book/supreme-magus_12820870105509205
__DuBPiRaTe__ and gRegor joined the channel
# 
gRegor Poking around, octothorpes has pages like https://octothorp.es/~/weirdweboctober
# gRegor `GET https://octothorp.es/index?uri=<uri>` Submits a given uri for indexing on the Ring.
# trwnh are there any definitive takes on when to use u-photo vs u-logo for an h-card
# trwnh like in as2 vocab, there's "icon" for 1:1 avatar-style images, and "image" is generally unconstrained (often used as profile banner in the Mastodon protocol). am i correct in assuming that u-logo = as:icon, or is it more like u-photo should be used for people and u-logo for businesses?
# trwnh the thing that gives me pause is that afaik h-card is inspired by hcard which is inspired by VCard, and in vcard the LOGO property is described as "To specify a graphic image of a logo associated with the object the vCard represents." and PHOTO is described as "To specify an image or photograph information that annotates some aspect of the object the vCard represents."
# trwnh and from what i can find about vcard online it seems that most contact apps use PHOTO although some use LOGO so i saw some recs to use both but put the same image in both
# trwnh ah unclear semantics, bane of my existence
[schmarty] joined the channel
alephalpha0, ttybitnik, troojg, pyzn and bterry joined the channel
# [mattl] nice. http://Libre.fm profiles now support rel="me"