Do all the things like ++ or -- rants, post your own rants, comment on others' rants and build your customized dev avatarSign Up
From the creators of devRant, Pipeless lets you power real-time personalized recommendations and activity feeds using a simple APILearn More
People who are forced to use screenreaders will hate you for that kind of creativity. If used for important websites like supermarkets and so on, they may also sue you for not caring about WCAG 2.0 (did actually happen).
The rest of the people will just curse you that they can't click a mailto-link and that they can't even copy/paste the mail address because the before/after stuff doesn't go into copy/paste. No, they have to manually type in the address.
In case of commercial websites, that is an extra barrier for your customers' customers to contact your customers. There are countries (e.g. Germany) where that kind of extra obstacles is likely to fall under unfair competition law, which invites expensive cease and desist letters from the competitors of your customers.
In a nutshell: don't do that shit.
hube6763yI would create some kind of svg of the email then put a link onto it that request to the server the email adress...
I put the pre and post @ part into a dataset reversed, strap a "this stuff requires js" onto it and then reassemble it into a working link with the right text on page load.
Never had a spam problem and no ine ever complained.
Meta34653y@Fast-Nop they don't pay for barrier free websites tho and I'm not involved in sales and marketing.
If they ever care about barrier free additions, which I would also appreciate, then there'sd be a better solution (aria labels and stuff) but that's what I end up with if speed is more important than quality (which has been the case for a while at work now and I hate it).
As far as I know none of our clients have barrier free websites, mainly because none of them ever ask or care about it.
Anyways I just wanted to point out the naming, don't blame me for bad marketing
@moagggi It's "Telemediengesetz" (TMG) plus "Gesetz gegen den unlauteren Wettbewerb" (UWG). Obviously, you won't find specific CSS tricks in the law, this is not how legislation works. The law is the guideline, but the interpretation in specific incidents is up to the courts. If you want to know what a law in practice means, it's not sufficient to read the law, but you have to follow up court rulings.
And they have been pretty clear for the last few years. Any attempt at obscuring the imprint or putting extra obstacles to keep customers from contacting the owner can give rise to issues.
Usually, what you can get is an "Abmahnung" (kind of cease and desist) because keeping customers from contacting you as per TMG means less support cost, which is an unfair advantage as per UWG. Or the Verbraucherschutzverein (consumer lobby) could also kick in for an Abmahnung.
@moagggi if you contradict the Abmahnung, but in order to do that right, you will already need a lawyer. Here comes the next kicker - fending off unwarranted legal action is regarded as normal living risk in Germany, so you can't make the other side pay your lawyer.
Next, the other side can proceed to court, and if you have read Golem, Heise etc. for a few years, wou will notice that fudging around with the imprint is not likely to win.
@moagggi here a link (German only) where the OLD Munich decided that it isn't sufficient to just list a mandatory link - is has to be clickable.
With such decisions in mind, implementing the email address so that it is neither clickable nor fit for copy/past is pretty much a no-go, at least if the address in question is a mandatory one like the contact in the imprint.
@Meta and a general note, accessibility is not primarily about "additions". It's 90% about semantic HTML, which means to use the correct HTML elements for a given purpose instead of styling the wrong stuff into other unrelated stuff just because the visual appearance is similar.
In other words, it's just what can be expected from any professional webdesigner, understanding HTML elements.
Meta34653y@Fast-Nop I don't mean to sound offensive, but if you just keep looking at people like that, taking your "knowledge" about them from little rants that aren't even about that, then you should stop judging people.
In my case at my workplace it's simple as that: the client gets what they order, if they don't order *explicit accessibility features* like ARIA labels, then they don't get that. That doesn't mean that no one of us cares about semantic HTML or crafting a proper product, we do in fact care about the quality. Just, things that aren't mandatory for the site to work as the client wants it to, doesn't just get added because that'd cost them again and they didn't order that.
@Meta I did write "accessibility is not primarily about additions", right? Of course the customers don't get the last 10% with the ARIA stuff if they don't pay for it. But the hack with before/after makes it deliberately unusable, has nothing to do with semantic HTML and is a hassle even for normal people (I did write this, right?), especially on mobile. That's just fact.
If you want something judgemental, just wait for the day where I encounter that in the wild while trying to send an email. It will be a good rant, I promise. :-)