ghedipunk (he/him/they) is a user on kitty.town. You can follow them or interact with them if you have an account anywhere in the fediverse.
ghedipunk (he/him/they) @ghedipunk

Quick question, oh great and terrible internet brain extension:

What are people's web accessibility pet peeves?

I already have unhelpful/missing alt-text and low contrast text.

· Web · 10 · 10

Web accessibility and usability also have huge overlaps... See also Curb Cut Effect.

My intention is to highlight usability first.

@ghedipunk high system/bandwidth requirements! class issues are accessibility issues

small click targets, unnecessary forms that don't play nice with autocomplete

cutesy UI response language like 'it's all good'

Anything that can't deal properly with the back and forward buttons

Auto-playing video, especially with audio, ESPECIALLY if it cannot be muted

Click targets that scroll automatically

Video that COULD HAVE BEEN TEXT (especially anything instructive)

Nested hover menus are also bad

@kelly These are all wonderful points. Thank you!

wow the unanticipated popularity of that toot (woulda cw'd if I'd known, sorry!) is a good reminder: if nothing else, accessibility issues are also Design People Won't Hate So Dang Much issues

@kelly @ghedipunk The Internet would be a better place without videos.

@USBhump as a person with a tedious job I respectfully disagree

but I would prefer the videos to begin upon request, tyvm

@kelly We do seem to be in agreement that under no circumstances is video to be mixed with other content. Places where video is 💯% cool: YouTube, Netflix, Nutflix, Twitch.TV, that shade sports ball streaming site, PornHub

@USBhump there isn't really a service called Nut......... don't google it Kelly of course there is you KNOW there is

..........................gdi

@ghedipunk
A website that, while zooming, increases the navigation bar in a way that it obscures the webpage. A issue mostly with sites that have a navigation bar that scrolls with the web site to be always visible.

Also all sites which do not have a layout that can handle even moderate zoom level.

Accessibility (multi-toot list) Show more

Accessibility (multi-toot list) Show more

Accessibility (multi-toot list) Show more

Accessibility (multi-toot list) Show more

@ghedipunk

Autoplaying video

Buttons that aren't clearly buttons because nothing has outlines and boxes anymore.

Things that scroll but have no scroll bar to indicate that they scroll.

@ghedipunk newsletter subscription popover modals.

clever scrolling; things that mess with scrollbars.

giant payloads that make hundreds of requests and fail catastrophically on low bandwidth / high latency connections.

@ghedipunk GOD OKAY this is a topic i get ranty abt a lot lol

- low contrast text
- high contrast light-text-on-dark-background (particularly white text on a black background)
- missing alt text
- auto-playing media
- kinda related to auto-playing, (non-tagged/hidden) gifs and media that can trigger seizures in ppl with photosensitive epilepsy
- websites that shit the bed on a screen reader/text-based view (i get rly anal abt semantic markup for this reason in particular)

@ghedipunk I'm sure you're already aware of the WGAC who publish guidelines about accessible web design, including a formula to check colour contrasts for text. There are also some online tools that can check your colours. (I'm implementing this for a project rn)

I think they also can check whether animated gifs violate the UK broadcast guidelines, which have been adopted as a web standard also to prevent seizures.

@ghedipunk email fields that autocorrect and pone fields that don't bring up the numeric keyboard (on mobile obviously).

Aaaaaaargh

@ghedipunk Half-assed JS replacements for native inputs.

Top 3:
∙ Selects that don’t support keyboard input (make me irrationally angry)
• Wonky scrolling containers (extremely irritating)
• Checkboxes that don’t take keyboard input (it’s just Space — one key — how hard is it?!)