Report Blog Entry
keep in mind, i will not be providing screenshots of my examples purely bc i dont want to pick on anyone in particular, this isnt a one or two person thing!
anyways, this is just a quick little post about the importance of accessibility. please keep in mind that not everyone has great color vision, and putting similar colors on top of each other, glow around text, etc., can make it extremely difficult for certain people to see and read your profile (like me!)
additionally, custom fonts can look cool, but PLEASE use them sparingly, again, it can be very hard to read, and some screenreaders struggle with them.
also, make sure your profile is usable when on phone! it doesnt need to look the prettiest, but ive come across SO many different profiles that literally dont load on phone, have unreadable layouts, or the colors are extremely blown out.
what im NOT saying is that you need to make ur profile simple and boring; im saying that you should ALWAYS keep accessibility in mind, and think about how you could accommodate people who need it.
Comments
Displaying 20 of 29 comments ( View all | Add Comment )
名無し
Pro tip: to test the contrast, view your profile on grayscale. If you can't read the text well, change the color to a darker value.
*Or a lighter value if you have a dark background
And also it never hurts to have 2 layouts meant for desktop and mobile ↓
@media (min-width: 30em) {
/* This is for PC screens */
}
@media (max-width: 30em) {
/* This is for mobile devices*/
}
by 名無し; ; Report
THIS IS RLY GOOD ADVICE IVE NEVER HEARD THIS BEFORE!!!
by lucia; ; Report
Ina
I understand accessibility and all (as someone with vision problems), but I don't think there needs to be an emphasis on it in here. People are not any web designers who actually have to think about it as part of their job. People are here to express themselves and just be random if they want to.
Of course, there are profiles that give me a headache because of the flashing.
Mobile friendly, you say? Screw that. That's one of the reasons the Internet is so boring nowadays. Use a pc, it's much better, especially when coding or making complex web work.
Don't be a phone chump. lol
You know what phones nowadays need to do to be accessible friendly to people with small hands like me? Be smaller than the bricks they have become.
Also, a physical keyboard because I writing with the touchscreen is diabolical (I miss the sensory stimulation from the buttons).
Spacehey always has the pc version (web version) in mind and I'm sure the app tries to read that version, that's why profiles look more wacky on it.
But, if you login on your browser and then check the PC version option, the profiles will be displayed like normal. If you have an android, most browsers available on the Play Store have that option.
the mobile friendly aspect was a really small portion of this post, idk why u focused so much on that
and also, i never said that accessibility had to be emphasized, i literally just said that people should at least be aware of how things may be inaccessible, this post is about awareness not trying to dictate what people can or can't do
by lucia; ; Report
And I'm just expressing my opinion on mobile versions of websites. There's nothing wrong with that since it has become a huge part of digital spaces over the years.
┐(￣ヘ￣)┌
If other people see, then they'll also see my POV. I'm also bringing awareness to not let phones and phone web design rule the whole internet.
by Ina; ; Report
cloudyrobs
It’s so helpful thank youu <33
i have a problem with this, i used a layout for my profile and i’m not the best at programming (actually i don’t understand much lmao) and i have some links and fonts that are light green on a pink background (so practically invisible rip) i tried to find the line but i can’t find it so i don’t know how to change this thing on my profile. I gave up trying to change this color but maybe i will find a way to make my profile more accessible.
Thank you again!!
swag
i have pretty bad vision so i try 2 make my profile accessible 4 me and others
thats y i have lighter text over a darker pic
i rlly hope i did it well since i can use/navigate it atleast
Peppii-tan
People who are willing to make mobile friendly variants of their layout and even optimize it for smaller screens deserve to be buried in those golden egyptian coffins.
I give the biggest middle finger to the ones that don't. (The actual layout coders, the ones who simply use it are okay because it's not their fault)
Marilù
I think I did a good job, thanks for the reminder. Can anyone check my profile please ? And tell me if I need to change anything
pretty good, but i think the blue used for links and interest section titles is too dark, same for the red in the names of the blurbs. overall good!
by lucia; ; Report
Thanks ! I'll try to change it
by Marilù; ; Report
Your profile is acceptable.
by Wiggles; ; Report
Caspiewaspie
this was the perfect reminder cuz even i was having trouble reading my own profile ToT
Trin_Stars
Thank you for spreading awareness about this and bringing it to other’s attention!
cleo!!
i hope my blog is accessible!! sometimes i feel like the font on my profile might be too small, plus i have a lot of blinkies that r aalll diff colors than each other :-((
hypercas
literally who the hell cares dude
Bro people are disabled and want to enjoy things:/
by 𖤐♰Leo♰𖤐 aka gexosay; ; Report
obv you do
by ✞ Petra; ; Report
im that one friend that is too woke, sorry!
by 𖤐♰Leo♰𖤐 aka gexosay; ; Report
im that one friend that is too woke, sorry!
by 𖤐♰Leo♰𖤐 aka gexosay; ; Report
vamp <3
dang i hope nobody has a hard time looking at mine's. i change my layout quite frequency so this is a good heads up.
tysm for spreading awareness on this topic!!!
Pll1_009 |-/
i have a problem where i can't change my font for some reason. I tried altering the code in many ways but it still looks the same it just doesn't work (srry if this is vague idk how to describe it) i went into the inspect thing on my browser and found a font command like (i think?) and when i turned it off the font kinda changed but still looked similar to the one stuck on my profile and idk if that means anything but yeah im just trying to add as meny details as possible to make it understandable whats going on.
also idk code, ive just followed tutorials and what was easy to understand i understood it (also srry if this is all over the place)
@import url( );
p{
font-family: ;
font-size: 140%;
font-style: normal;
color: ;
}
h1,h2,h3,h4,h5{
font-family: ;
font-size: %;
font-style: normal;
color: ;
}
(this one should work! its what i use. go to "google fonts" select the font you want to use click "get font" , "embed code" and then click the @import button and just copy paste whats missing and make sure all your codes for your layout are between the "style " )
by vamp <3; ; Report
tnx sm! idk what i did cause this was the code from before too, but it helped!
by Pll1_009 |-/; ; Report
✚Aesop✚
i feel so bad bc i cant figure out how to change my font 3
in your "About Me" section, remove the following lines
@font-face {
font-family: "Queensha";
src: url("https://file.garden/ZJN0coaUL3bz8vL1/Queensha.ttf");
}
after that, remove any line that's font-family: "Queensha"
hope this helps!!!
by lucia; ; Report
nativeshades
Usually what I do in this case is go on my browser and entirely disable css and now everything is readable, though it looks like an early 90s page but I kinda like that
Emo Cat Lover XP
Frfr I have dyslexia, so a lot of profiles I haven't been able 2 read bc of the fonts
EVIL JONKLER
FOR REAL... usually i don't have much for issues reading a page as long as its not like, super cluttered or flashy, but like somebody else down here mentioned, the vhs filter thing makes things so hard to read lowkey. like i cant see anything gang where am i :sob:
same for that fuckass "breathing" animation thing , like how it moves the blurbs up and down n whatever (everyone's seen it at some point),,, OUGH i cannot. i genuinely can't read anything and it sucks so bad
....breathing animation... you are my enemy..
Trudie! ˶ˆ꒳ˆ˵
Ty for this because sometimes it’s very hard to see some people’s blogs and profiles due to how similar the colors look! ૮ ˶ᵔ ᵕ ᵔ˶ ა
dollface4
I think mine is pretty accessible for the most part my biggest thing is the sparkly corner stuffz which may trigger some people, but its nothing too drastic of fast paced. I think the font and colour is pretty readable? I’m not 100% sure though. I don’t like using the swirly cursive font, I can read it, but it hurts my eyes because of how the letters are spaced so I went for a more typical font. (I still want to find times new roman font
)
Lmk if you have any tips for me (im not the best in coding so I’m sorry if it doesn’t get fixed right away, and im also not good with understanding things some times so I politely ask that you be patient with me T_T. I want my page to be accessable to cool new people :3)
by dollface4; ; Report
Elliot
It's like understandable if you can't code but there are templates l? It makes me so mad
unfortunately a lot of templates aren’t accessible :/ a lot of them try to be flashy and it rly fucks w readability (this might be what u meant sorry)
by lucia; ; Report
that pink layout with chobits chii drives me so mad it's so hard to read sighh
by neko bleep /ᐠ｡ꞈ｡ᐟ\; ; Report
its impossible to read so i immediately removed it and tried making my own
by BrownZombie; ; Report
ThaBaddie_
Forreal though , i sometimes didn’t add people or bother getting to know them cause i literally couldn’t read their profiles