Neocities

pxhc aznet

5 months ago

I made these two accessibility buttons, do you think I'm doing it right? https://pxhc.neocities.org/just-test-dont-visit-me-i-am-broken (I put more info on that post of mine you had commented)

aznet 5 months ago

Ideally things should have labels also. The buttons work well but I'd default them to on if you do not label them. IMO it looks better with it on. The font change is a nice touch, it works well.

1 like

pxhc updated their site.

5 months ago

index

11 likes

brennanday updated their site.

5 months ago

the-current-state-of-the-internet-should-terrify-you

how-do-we-fall-in-love-in-the-future

the-art-of-the-microessay

the-dying-art-of-having-something-to-say

we-as-men-must-do-more-and-we-must-do-better

the-many-wonders-of-being-a-late-bloomer

how-the-hell-do-i-find-good-creators

the-inertia-effect-stop-optimizing

indieweb

an-open-letter-to-cory-doctorow-ollama-is-part-of-the-enshittification

flotsam updated their site.

5 months ago

index

pxhc

5 months ago

I'm thinking of making a button for accessibility... perhaps my site sucks for the colorblind? (can anyone tell me?), also a font change for dyslexia... I'm testing a full rewrite using correct semantic elements but I still don't know how screenreaders see it, and couldn't figure out how to make css buttons selectable just through keyboard though

8 likes

pxhc 5 months ago

I don't think this creepy disposable microblog is important though, I'm using it to learn how to do stuff better in whatever project I work in the future.

3 likes

pxhc 5 months ago

I just learned alt="" is not just a fallback if an image doesn't load, but a main accessibility tool

2 likes

aznet 5 months ago

As someone who studied this awhile with limited text: The font is fine. The purple on purple is bad. four uniquecolors is all you need to ensure no two ever touch. themes are a big win for vibes either way.

2 likes

aznet 5 months ago

IMO: Add a second contrast color to each current theme to replace the background color. Then add a highlight color opposite of each for headers.

2 likes

aznet 5 months ago

(don't look at my site for examples of accessible design. I intentionally designed my index to be invisible to colorblind people xD) sry for spam. neocities limits sux.

1 like

pxhc 5 months ago

I've read about the font and on studies arial seems to preferable over those specialized fonts, I will think of a button just to change to it and increase lineheight. For contrast, do you think just decreasing brightness would suffice? I can add a hue rotate to the button too

pxhc 5 months ago

I was reading how screenreaders work, and my inputs were hidden so because of that they would treat my labels as plaintext, so I made the inputs visible and positioned outside of the screen, and I put aria-hidden on all purely visual stuff (the ascii art and the input/labels for colors and hidden ascii art, also the error message if chatbox doesn't load and some other stuff)

pxhc 5 months ago

and aria-label for a bunch of stuff as well, so a screenreader seeing // 202604061708 : won't read "slash slash two zero two six..." just "April 6, 2026 at 17:08", and also description for the inputs that actually matter... again, I don't even expect a blind person to find this site, I'm just using to learn how to make a site accessible

aznet 5 months ago

A lot of these changes are on the html side, which I can't help with: I am speaking only to supporting disabilities, not the code itself. Brightness alone isn't sufficient for enhancing contrast, you also need hue shift. No demand on any changes ofc, just offering tips as a dyslexic who is friends with colorblind ppl :)

1 like

pxhc updated their site.

5 months ago

index

7 likes

diremptiness updated their site.

5 months ago

keyboards

changelog

index

sources

2 likes

flotsam updated their site.

5 months ago

xring

x-files/webring

x-files/tour

x-files

x-files/gallery

x-files/case-files/mulder/fox

x-files/case-files

void

void/hedgemaze

void/beast

yoylecake420 updated their site.

5 months ago

twistedpenguins

diremptiness updated their site.

5 months ago

index

changelog

3 likes

diremptiness 5 months ago

I bit the bullet. Mobile-friendification has begun, also vh, vw, dvh, and dvw as units of measurement is fucking fantastic. This did not exist when I used to do Xanga layouts

3 likes

pxhc updated their site.

5 months ago

index

13 likes

brachypelmide 5 months ago

HA! clearly this page must hide some secret messa-- oh nope nvm

6 likes

mak99 rainbowpinku

5 months ago

Thank you for following me^^ I’m so happy to be able to make friends with fellow fans of Heisei retro culture.

1 like

rainbowpinku 5 months ago

You're welcome! Happy to meet you too :)

1 like

yoylecake420 updated their site.

5 months ago

twistedpenguins

diremptiness updated their site.

5 months ago

ttrpg

2 likes

diremptiness

5 months ago

The bisexual struggle of wanting the cyberpunk and neo-brutalist-inspired website to be mobile-hostile vs wanting to learn responsive design and thus be mobile-friendly

2 likes

aznet 5 months ago

Please be nice to android. It's running XR now.

diremptiness updated their site.

5 months ago

albums

ttrpg

meatspace

sitemap

sources

changelog

5 likes

diremptiness 5 months ago

ttrpg.html design completed, actual documenting of obtained sourcebooks later today

pxhc updated their site.

5 months ago

index

7 likes

enflicted diremptiness

5 months ago

hey there, thanks for the follow!

1 like

diremptiness 5 months ago

Absolutely no problem! Going through your old layouts gave me flashbacks to geocities and xanga layouts I made in the past and I just had to after that trip down memory lane.

2 likes

enflicted 5 months ago

awesome, I appreciare that. Yea I definitely have a ton of memories from those days.

1 like

pencilvoid pxhc

5 months ago

thanks for following!

1 like

yoylecake420 updated their site.

5 months ago

resources

Latest Activity > indieweb

Sites

All the latest Neocities site news!

Popular Tags