FediPact,
@FediPact@cyberpunk.lol avatar

MAKING THE FEDIPACT WEBSITE MORE ACCESSIBLE

some accessibility concerns with https://fedipact.online have been brought to my attention and i'm working on addressing them. more specifically, the readability of the color contrast and the animations

i wanna put a button on there that flips the text and background colors, making it hot pink on black, and disables the animated floating hearts (they're already disabled if the user has "reduced motion" on)

i just... don't have the web design skills necessary to do so lol. BUT someone else is working on it!!! so it should be fixed and better soonsies

thanks to everyone who pointed this out :heart_cyber_pink:​

FediPact,
@FediPact@cyberpunk.lol avatar

it'll respect system preferences on first load and have a separate toggle for the hearts, actually

FediPact,
@FediPact@cyberpunk.lol avatar

there's also been some other stuff mentioned like the links needing to be underlined and the hearts needing to be properly formatted as bullet points so each individual one isn't read out by screenreaders

underlining links will be easy, but i have no idea how to format the hearts as bullets

help, anyone?

FediPact,
@FediPact@cyberpunk.lol avatar

okay all the links are now underlined properly :3

FediPact,
@FediPact@cyberpunk.lol avatar

okay all the hearts are now properly formatted as bullet points!!! yayyyyy

FediPact,
@FediPact@cyberpunk.lol avatar

now i just gotta wait to hear back from the person doing the whole color change thingy to figure out the rest 😁

FediPact,
@FediPact@cyberpunk.lol avatar
ch0ccyra1n,
@ch0ccyra1n@emeraldsocial.org avatar

@FediPact I would recommend using the built-in media prefers-color-scheme functionality of CSS for flipping the colors so it uses the built-in options of the browser by default. Hell, I'd be happy to join in working on this :)

ArneBab,
@ArneBab@rollenspiel.social avatar

@ch0ccyra1n @FediPact I created a hack for that — feel free to steal: https://hg.sr.ht/~arnebab/draketo/browse/index.org.in?rev=tip#L265

This is commented out for now here, but it works. It also stores your decision in local storage to get a persistent mode.

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