Replies

This profile is from a federated server and may be incomplete. Browse more on the original instance.

MoritzGiessmann, to random
@MoritzGiessmann@mastodon.social avatar

I guess it’s Elle then?

dnikub,

@MoritzGiessmann same for me, it crashes constantly, takes a long time to load and I don’t get notifications. But I still haven’t lost hope that it will get better but I guess I’m forced to buy an alternative app soonish 😅

matuzo, to random
@matuzo@front-end.social avatar

Once again an overlay company is threatening experts critical of their software.

This whole thing is so fucked up.

https://distriko.de/blog/bringt-eye-able-digitale-barrierefreiheit/#sei-vorsichtig-eye-able-verklagt-dich

dnikub,

@matuzo oh interesting, especially as I interviewed one of the founders of EyeAble for my thesis. I wouldn’t have expected them to take this step.

dnikub, to accessibility

Had an interesting discussion yesterday with a small business owner (3 employees) complaining about the #accessibility #regulations they have to comply with and pay for.

"There will soon be new EU regulations for accessible websites I'll be forced to comply with and pay for. How should I afford that? If it is important for the state to integrate accessibility, why doesn't the state pay for it?"

I see several problems here.

A thread (1/5) ⬇️

dnikub,
  1. IMO, you need regulations to facilitate change. But at the same time as enabling them, money should be invested in raising public awareness and educating developers, designers, managers, etc...

The sole responsibility can't just be put on a business owner.

(2/5)

dnikub, to random

✨ Collection of menus that left me gasping for air ✨

I was looking through solutions to a coding challenge (simple home page) participants submitted.

I found:

  1. a div wrapping buttons
  2. a div wrapping multiple h1s
  3. a div wrapping spans

Don't you all know how to code a proper navigation??

[A wrapping multiple elements. Each heading represents a menu item, e.g. "press", "support" or "careers", but does not link to any page.
A wrapping multiple elements. The buttons have no additional attributes and contain text in all caps. Each button represents a menu item, e.g. "press", "support" or "careers".
=================================================================================================================================================================================================================================================================================================================================================================================================================================](https://cdn.masto.host/frontendsocial/media_attachments/files/111/096/926/024/396/906/original/5fbbc53791093787.png)

dnikub,

How to code a proper navigation:

Start with your <nav> element. Inside, use a list (<ul>) and links (<a>). Don't use buttons for on-page navigation!

What else?

  • add a descriptive link text
  • don't write text in all-caps; use CSS for that
  • when you have multiple <nav> elements on your page, add an aria-label to each of them
dnikub,

@schrotie If your menu has multiple links, you should use an <ul> to group them. This adds structural information to assistive technologies and makes content more easily understandable.

dnikub,

@amxmln oh, interesting, I never encountered that element before 🤔

dnikub, to design

What do Mark Zuckerberg, Prince William and Keanu Reeves have in common? 🤔

Apart from being white men, they are all colorblind.

September 6th (today) is #ColorBlindess Awareness Day! 👀🎨

Let's try not to make it harder for people with color deficiencies in our own designs. Use good #contrast in your #design, and think twice about #ColorCombinations.

Together we can work towards #inclusion and #accessibility.

Some more facts on colorblindness in the comments below ⬇️

dnikub,

Some facts:

  • 300 million people worldwide live with color blindness.

  • Most are men (1 in 12).

  • Among women, 1 in 200 is colorblind.

  • The most common type is #RedGreen color blindness.

  • Color blindness is usually inherited but can also be caused by physical or chemical damage to the eye, optic nerve or parts of the brain.

dnikub,

What is different for people who are colorblind?

  • A rainbow appears to have only 2 or 3 colors: blue and yellow.

  • For traffic lights, green may appear white or even blue, while red and yellow may look similar.

  • Some countries do not allow you to obtain a driver's license or become a doctor, a pilot, or an electrician when you are colorblind.

  • Tasks that rely on color perception can be more difficult, such as determining whether a banana is ripe or not, or whether meat is properly cooked.

dnikub, to accessibility

#a11y Do not use colour as your only indicator for information! 🚫

This restaurant uses red, green and brown coloured dots to display the dietary info of a meal. There is no chance of telling them apart if you are #ColourBlind. They are just too similar.

To solve this issue:

  • Use different icons or abbreviations (e.g. v+ for vegan, v for vegetarian)
  • Write a word instead of relying on an icon
  • Use colours that are more distinguishable and have good contrast in addition (!) to the text
dnikub,

Regardless of whether it is online or offline, please never use colour as the only option for conveying information and distinguishing a visual element. 🙏

matthiasott, to random
@matthiasott@mastodon.social avatar

✍️ New post: Pointing Fingers

👉📖👈

https://matthiasott.com/notes/pointing-fingers

dnikub,

@matthiasott, not me changing to reading with the help of my finger mid-article 👀

dnikub, to random

My partner suggested trying out the browser Arc, as it is “perfect for tab hoarders like you”.

How do I explain to him that I‘m in too deep and can’t just switch 2 entire browser profiles with 20-40 open tabs each, spread across different windows? 😬🙈

dnikub,

@knowler oh, good to know. But a lot of ✨organised✨ tabs sound better than just a lot of regular tabs, so… 🤷🏼‍♀️

dnikub, to webdev

📣 New Challenge Alert on a11yphant: #Links 📣

Refresh your knowledge on the #HTML anchor element (<a>) by learning about:

  • link text
  • link styling
  • download links
  • email links
  • links vs. buttons

Continue your #accessibility journey today: https://a11yphant.com/?challenge=links

dnikub,

@claudius oh, I’ll have a look at that

dnikub, to accessibility

#a11y question

Can an image's hover/focus style within a link be a #WCAG error (1.4.11)?

I have 3 tab stops that go to the same URL (blog post). When I focus or hover the image, it gets a white overlay. The site's background is white. Is contrast of concern here? #accessibility

dnikub,

@joelanman nope that’s the only focus indicator

SteveFaulkner, to accessibility
@SteveFaulkner@mastodon.social avatar

So many WCAG versions, only 1 song needed

#accessibility #WCAG #music

https://youtu.be/-IWBT4Tk3t0

dnikub,

@SteveFaulkner excuse me, whaaaaat?! This just made my day hahaha

dnikub, to random

RSS feeds give me the same vibe as fax machines. I said what I said.

I have been coding for ~8 years and was never educated on RSS or how it is implemented. It was always treated as something outdated. So whenever someone announces their RSS feed, I feel uncomfortably young. 😬

dnikub,

@elly sounds like a better approach than me over here trying to find blog posts over newsletters and social media posts 😅 but idk, I never actually sat down and took the time to find out how RSS works. And professors back in school told me it’s not worth researching as „only a few websites still have that and it’s not gonna last much longer“.

  • All
  • Subscribed
  • Moderated
  • Favorites
  • JUstTest
  • mdbf
  • ngwrru68w68
  • tester
  • magazineikmin
  • thenastyranch
  • rosin
  • khanakhh
  • InstantRegret
  • Youngstown
  • slotface
  • Durango
  • kavyap
  • DreamBathrooms
  • megavids
  • tacticalgear
  • osvaldo12
  • normalnudes
  • cubers
  • cisconetworking
  • everett
  • GTA5RPClips
  • ethstaker
  • Leos
  • provamag3
  • anitta
  • modclub
  • lostlight
  • All magazines