Discussion
Loading...

Post

Log in
  • About
  • Code of conduct
  • Privacy
  • Users
  • Instances
  • About Bonfire
dansup
dansup
@dansup@mastodon.social  ·  activity timestamp 2 weeks ago

Accessibility is a first class priority in the new @PixelFed redesign.

One example: dropdowns with ARIA roles, keyboard nav, focus management and descriptive titles.

A11y isn't a feature, it's a human right. ❤️

#Pixelfed #PixelfedRedesign #A11y #BuildBetter

Screenshot of the new Pixelfed webUI showing the new dropdown component with rich A11y support
Screenshot of the new Pixelfed webUI showing the new dropdown component with rich A11y support
Screenshot of the new Pixelfed webUI showing the new dropdown component with rich A11y support
  • Copy link
  • Flag this post
  • Block
Adrian Roselli
Adrian Roselli
@aardrian@toot.cafe replied  ·  activity timestamp 2 weeks ago

@dansup @PixelFed
Without seeing the screen, that three-dot thing is a disclosure widget (so no roles needed unless not using native HTML elements).

I say this because use of ‘dropdown’ is a signal there may be misunderstanding of the underlying controls (https://adrianroselli.com/2020/03/stop-using-drop-down.html).

I genuinely hope it is not an ARIA `listbox` and visually doesn’t look like it warrants `menu` roles. If it’s a disclosure already then don’t mind me.

  • Copy link
  • Flag this comment
  • Block
Jörgi
Jörgi
@joergi@chaos.social replied  ·  activity timestamp 2 weeks ago

@dansup
Great, looking forward for it.
I know there are some accessibility a11y test suits, which can be added to Github actions, to test new pages automatically when making a PR / build.

@kc seems to be an expert on a11y , so maybe she can help you if you have some questions?

@PixelFed

  • Copy link
  • Flag this comment
  • Block
Ben Zucker 🍰
Ben Zucker 🍰
@ben@shit.herewegoaga.in replied  ·  activity timestamp 2 weeks ago

@dansup @pixelfed First thing that came to my mind when seeing the left picture of JD was this:
https://www.deutschegrammophon.com/en/catalogue/products/endless-tale-of-us-2271

Deutsche Grammophon

ENDLESS Tale Of Us | Deutsche Grammophon

on Deutsche Grammophon. Listen and buy now.
  • Copy link
  • Flag this comment
  • Block

bonfire.cafe

A space for Bonfire maintainers and contributors to communicate

bonfire.cafe: About · Code of conduct · Privacy · Users · Instances
Bonfire social · 1.0.2-alpha.7 no JS en
Automatic federation enabled
Log in
  • Explore
  • About
  • Members
  • Code of Conduct