brucelawson,
@brucelawson@vivaldi.net avatar

Here's a good question: what are your fave quick wins when refactoring, or just tweaking while fixing an unrelated bug? I like it when legacy codebases decided to hang styles off classes, so I can change <div class=nav> into a <nav class=nav> and make it much better for assistive tech users with no other changes required. https://mastodon.social/@timking/112203115458940448

brucelawson,
@brucelawson@vivaldi.net avatar

Ditto changing <div class="header"> to <header class="header"> and adding <search> elements; a ton of bang for the buck. Could be more work, but replacing crappy JS faux-accordians with <details> and <summary> brings robust keyboard a11y to pages with little effort.

brucelawson,
@brucelawson@vivaldi.net avatar

And my last sneaky quick win involves adding tabindex="-1" to the target of in-page links. (A problem I thought had gone away with IE6, but no: https://www.tpgi.com/how-to-avoid-breaking-web-pages-for-keyboard-users/)

sarajw,
@sarajw@front-end.social avatar

@brucelawson Ah! That's actually new to me - thank you

brucelawson,
@brucelawson@vivaldi.net avatar

@sarajw If it's any consolation, it was new to me too. I remembered doing it in the pre IE9 days, but until recently hadn't realised it was still a problem

sarajw,
@sarajw@front-end.social avatar

@brucelawson no need of consolation - lots of things remain new to me 😅 But nice to now you're not completely infallible I suppose?

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