flohmarkt accessibility check - M0YNG.uk

Created 2024-11-23

• accessibility

flohmarkt[1] is "A decentral federated small advertisement platform", think classified ads like eBay used to be.

midzer asked for help[2] checking the accessibility.

Although I am a professional accessibility consultant, this is not a paid for audit and I am not using all my usual tools (as I'm not at work!) so it's probable that I've missed things. I've also not looked at every facet of the service so the whole thing should be checked for anything I do identify.

I've linked everything I can to the international standard, please refer to WCAG Quick Reference[3] for more specifics.

This check was undertaken on https://fleamarket.neilzone.co.uk[4] and https://fedi.markets[5]

Findings

2.4.2

The page title on the hompage is "None".

2.4.3

The header has a different visual order to keyboard focus order:

keyboard focus: Home link, sign in button(s), search visual: Home link, search, sign in buttons(s)

The items have a reading order that doesn't match the visual order. However, I'd suggest that's OK - if the order is:

• Item title
• Price
• New/Old/etc.
• Description

The image does not need alt (it should be "null") as it adds no value (unless you allow people to add descriptions!), you also don't need `title` attribute on the image,

2.1.1

Home, Local, All, tabs cannot be accessed using keyboard

1.4.3

Colour contrast, Colour Contrast.cc[6] is great for checking this.

"New" badge has insufficient contrast, `#dc322f` on `#000610` (dark theme) is 4.39.

"Old" badge has insufficient contrast, `#976b00` is 4.28.

"Popular" badge has insufficient contrast, `#627600` is 3.98.

"Read more about this instance" has insufficient contrast in dark mode, backgound (acutal) is `#182d17` with `#4e8429` text is 3.26.

Incorrect use of `<aside>`

1.4.11

Search input has insufficient contrast on its border, it's really hard to spot in light theme.

3.3.2

Account input on item page is unlabelled.

1.1.1

User avatar has alt text of the username, which doesn't add any value. Consider "[username] avatar" or `null`.

-+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+-

🖤 Black Lives Matter

💙🤍💜 Trans Rights are Human Rights

❤️🧡💛💚💙💜 Love is Love

Copyright © 2025 Christopher M0YNG - It is forbidden to use any part of this site for crypto/NFT/AI related projects.

Page generated 2025-08-07 by Complex 19