Veröffentlicht am
von
Article note: Gleich mal reinhören ... #thx

Mensch Mutta ist eine ganz tolle Podcastserie der freien Journalistin Katharina Thoms, die dafür über einen längeren Zeitraum hinweg Gespräche aufzeichnete, die sie mit ihrer ganz „normalen“ Mutter über ihr Leben in der DDR geführt hat. Klingt erst mal vielleicht gar nicht so spannend, bringt aber sehr interessante Einblicke in das alltägliche Leben in der DDR und erinnert mich oft an das, was auch meine Eltern darüber zu erzählen wussten. Ich habe gestern alle Episoden am Stück weggehört, denn irgendwie war das alles dann doch spannender als erwartet.

Ich dachte:
Normal. Durchschnitt. Nicht besonders aufregend.
Das ist das Leben meiner Mutter in der DDR.
Bis ich mehr und mehr andere Mütter kennen gelernt habe – in meiner neuen Heimat, im Süden Deutschlands.

Und gemerkt habe: Normal ist anders.

Sie wollte ein ruhiges Leben haben, musste dann aber trotzdem immer wieder kämpfen.
Sie wollte nicht anecken, musste sich aber trotzdem vor dem Staat rechtfertigen.
Sie war doch eigentlich schüchtern, hat aber dann doch ständig Mut bewiesen.

Mensch, Mutta. Ein Podcast über meine Mutter – und ihr halbes Leben in der DDR.

Veröffentlicht am
von
Article note: #WTH!?

Did you see this Facebook crap?

"Why do I need a 4Ghz quadcore to run facebook?" This is why. A single word split up into 11 HTML DOM elements to avoid adblockers. pic.twitter.com/Zv4RfInrL0

— Mike Pan (@themikepan) February 6, 2019

I popped over to Facebook to verify that and what I saw was a different and even more nested mess:

They are trying to fight your ad blocker browser extension. Of course they are. I'm sure at their scale not doing this means losing millions of dollars. But I wonder if it's really losing money when you factor in losing trust, and potentially losing people on the platform entirely.

It just feels so rude, doesn't it? Like a user specifically installs technology onto their computer in order to exert some control over what they allow onto their computers and into their eyeballs. And they are saying, "No, we do not respect that choice. We are going to fight your technology with our technology and force feed this stuff onto your computer and your eyeballs." Doesn't sit right.

I'm not unaware that ad blockers have ad adverse effect on the ability for websites to make money. That's quite literally how I make money. But I don't want to do it fighting and at the expense of breaking trust. I want to do it gracefully while building trust.

Anyway.

I wonder what writing HTML to help ad blockers would look like instead:

<!-- start: advertisement -->
<div class="ad sponsor paid" id="ad-1" data-ad="true">
  <div>Sponsor:</div>
  <a href="https://sponsor.com" rel="nofollow">Company</span>
</div>
<!-- end: advertisement -->

The good ones have been doing it for ages.

This span-based lettering stuff makes me think of libraries like Splitting.js and Lettering.js that break up text into individual <span>s for styling reasons.

Turns out that doesn't affect on-page search (i.e. if you search for "dog," you'll find <span>d</span><span>o</span><span>g</span>), but it does affect some screen readers in that they will treat each letter distinctly, which can result in pretty awful audio output, like pauses between letters where you wouldn't expect or want them.

It's totally solvable though!

I just read about how powerful aria-label is via Web Platform News, quoting Amelia Bellamy-Royds:

An aria-label attribute on a button or link effectively replaces the text content of that element with the new label.

It was cool to see that's what Lettering.js does by default! And Splitting.js is figuring out the best method for them, which involves aria-label.

Oh, and as ever, ::nth-letter() would be cool. 2018 recap of a 2011 request.

The post <span>L</span><span>e</span><span>t</span><span>t</span><span>e</span><span>r</span><span>s</span> appeared first on CSS-Tricks.