#@kevinmarks↩️ If they're going to Blainewash things then they should reinstate the open standards that they dropped, like feeds and xfn and microformats, as well as api access. Api 2 has rejected lots of interop projects. I'm not asking for xmpp. (twitter.com/_/status/1499172077647155201)
Darius_Dunlap[d], ur5us_, ur5us and jzeneto joined the channel
#jzenetoHi, I'd like to make a question. Perhaps it's stupid, but I didn't found how to make it:
#jzenetoIs it possible to relate an element/property to another element/property that is not nested in?
#jzenetoFor instance, a u-photo that is not nested inside an h-card but instead is its sibling. How can I relate the u-photo to the h-card?
#jzenetoPlease, if someone can help me, I would be very grateful
#aaronpkproperties like u-photo can't really be siblings of objects like h-card, what exactly are you trying to do?
#jzenetoI have a <article> that is a comment, inside another <article> which is a post
#jzenetoInside the comment, are 2 divs. The first contains the author's photo. The second div contains a header (author's name and comment permalink) and a div which is the e-content
#aaronpkok yeah this is what i suspected, there isn't a good solution if you need to keep the HTML elements in this structure
#jzenetoIn fact, I have this kind of issue in more than a way. Isn't there a way to use microformats that doesn't impose a certain structure?
#aaronpkmost of the time microformats doesn't require any particular HTML element structure, except that properties of a microformats object generally have to be contained within an HTML element
#aaronpkthe one suggestion i can offer here, specifically because this is for authorship, is a pattern where the microformats within each comment are just the bare minimum url and refer to HTML elsewhere. it makes more sense if you look at an example:
#jzenetoI see. That is good for post authorship, but since the comments are created on my site (via Staticman), it doesn't seem to make sense to point somewhere else
#aaronpkyou can point to another page on your site, or even to another object on the same page
#jzenetoBut the comment author is only located in his own comment
#jzenetoI could create an invisible link to the u-photo, inside the comment "p-author h-card"
#aaronpkthat would work and would probably be simpler
#jzenetoBut I don't like the idea of using invisible links. They hurt accessibility AFAIK
#aaronpkit can be an img hidden with css if you like
#jzenetocss doesn't change the accessibility tree, which is what screen readers read, for example
#[tantek]2agreed that it is best to avoid invisible links
#[tantek]2ahhh this is the problem of grid without subgrid!
#[tantek]2the way CSS grid works (without subgrid) is it forces a certain markup structure that doesn't really match the semantics of the content, that's the root of the problem.
#jzeneto@aaronpk it's a good idea, although I still am uncorfortable with duplicating the <img> (the visible one and the invisible-microformats one)
#[tantek]2subgrid does a decent job of addressing this
#[tantek]2no worries at all jzeneto, and I would not have guessed. welcome and hopefully we can be helpful 🙂
#aaronpkaha this might be why i haven't heard about it "Warning: This feature is shipped in Firefox 71, which is currently the only browser to implement subgrid."
#[tantek]2aaronpk, you might have to install a (more CSS) modern browser 😉
#jzenetoWhen I created my site, a year ago, I've read about subgrid a little, but didn't dig much, because of current lack of support (which seems, a year later, to not having changed much)
#jzenetoWell, thank you aaronpk and tantek! I didn't even expect to be replied :D
#jzenetoFor now I think I'll just ignore the u-photo at all
Seirdy and Fe joined the channel
#[schmarty]not related to microformats directly, but mentioned above. CSS can affect the accessibility tree in a page. when an element is set to `display: none`, it is removed from the accessibility tree.
#[schmarty]another way to remove an element from the accessibility tree is to add the attribute `hidden`
jamietanna1 joined the channel
#[tantek]2jzeneto, that seems like a reasonable approach for now.
strugee joined the channel
#[KevinMarks]Another way could be to add the p-author h-card url and name to the image markup and not the text part.
strugee, [Francesco_Impr], [tw2113_Slack_], [tantek], sayanarijit[d], Eddy04[d], Silicon[d], Saphire, barnaby, antrdnv[d], angelo, ur5us, kimberlyhirsh[d], [chrisaldrich], marksuth[d] and P1000[d] joined the channel