ghedipunk (he/him/they)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 accessibility and usability also have huge overlaps... See also Curb Cut Effect.
My intention is to highlight usability first.
Current status of list:
* Explain Curb Cut Effect -- Accessibility helps UX, and starting from an Accessibility foundation allows quickly implementing UX.
* Front loading content (Put main content BEFORE the navbar in the raw HTML, even if the navbar renders above the content)
* Multiple themes available… Light, dark, high contrast.
* Color blindness aware.
* Caption videos.
* Transcripts of videos.
*Descriptive alt-text -- Is it there? Is it _helpful_?
* Responsive Design -- Tiny buttons, links.
* Bandwidth requirements -- Classist
* “Cute” responses -- Culturally inaccessible
* Browser navigation buttons.
*Mobile device back button
* Auto-playing multimedia
* Moving click targets
* Carousel objects: Pause, go back, go forward, see all options if the list is huge. See any options if the device does not support normal rendering.
* UI elements appearing over other UI elements
* Bandwidth requirements -- Classist
* “Cute” responses -- Culturally inaccessible
* Browser navigation buttons.
*Mobile device back button
* Auto-playing multimedia
* Moving click targets
* Carousel objects: Pause, go back, go forward, see all options if the list is huge. See any options if the device does not support normal rendering.
* UI elements appearing over other UI elements
* Drop-down/slide-out menus, especially if they obscure any elements and especially if they auto-hide. (No “hover” events to show/hide elements, ever. If an element is shown after clicking an element, make it part of the page’s normal layout flow.)
* Don’t do terrible things when the user resizes the text.
* Avoid images of text. (At the very least, use alt-text. Give your platform a way to annotate images that fails-to-accessible by showing the annotations)
* Don’t do terrible things when the user resizes the text.
* Avoid images of text. (At the very least, use alt-text. Give your platform a way to annotate images that fails-to-accessible by showing the annotations)
* If you have a character limit on user generated content, have a very good reason for it beyond saving disk space or inter-server bandwidth. (Okay to have a fixed length of “displayed-by-default” text, but to allow annotating images, should allow for lengthier discussions in a single post.)
* Animated gifs, etc., should not be animated without user interaction. (Epilepsy, etc.)
* Animated gifs, etc., should not be animated without user interaction. (Epilepsy, etc.)
Kelly 👾🎧@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!
Blake C. Staceywow 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
USB-loving k9@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
Bi Bi BunnyAutoplaying 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.
brennen@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.
Polly Kraisus@ghedipunk email fields that autocorrect and pone fields that don't bring up the numeric keyboard (on mobile obviously).
Aaaaaaargh
PointlessOne 
@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?!)