Okay, webnerds and PWD...
I need the help of any or all of you. Especially those who have accessibility needs that require websites to display a certain way for you.
I've been editing my layout, and adding little symbols for the usual userinfo picture (the little white-headed person with the blue outfit you see next to a user's name, like in trinityva. I like the way these look, but in order to add them in I had to change some stuff around on my friends page so it would look right, like so (click to embiggen):
(The colors in the screenshot are a bit off; the tool I'm using makes JPGs rather than PNGs and the lossy format fucks solid color up before anything else.)
Without the code in question, the little boxes that say antepathy there and antepathy crimson_optics would have been white rather than gray with the purple borders around them. The little userinfo badge I'm using looks really pale on white, so I coded that darker stuff into the style.
Now here's my problem: because the "little boxes" are, for some reason that I don't know but I'm sure would make me wish to throw things, coded inline, getting it to display right meant using the code !important, which I know overrides inline styles. What I also suspect it may do is override user specified styles too -- so, for example, if someone who has a visual impairment needs to see things in certain colors and sets them, that may override them. I want to know a) whether or not it does, and b) if it does, if there are easy ways (like "view in my own style") that people would be using anyway that would mean I'm not committing the worst Web accessibility gaffe ever here.
I don't think I am -- I think it just overrides inlines -- but I want to be sure I am not breaking the eyeballs of any one of my friends for whom I've just rendered my LJ less accessible. So... please take a look at my friends page and let me know: is this an issue for any of you?
Thanks.
I've been editing my layout, and adding little symbols for the usual userinfo picture (the little white-headed person with the blue outfit you see next to a user's name, like in trinityva. I like the way these look, but in order to add them in I had to change some stuff around on my friends page so it would look right, like so (click to embiggen):
(The colors in the screenshot are a bit off; the tool I'm using makes JPGs rather than PNGs and the lossy format fucks solid color up before anything else.)
Without the code in question, the little boxes that say antepathy there and antepathy crimson_optics would have been white rather than gray with the purple borders around them. The little userinfo badge I'm using looks really pale on white, so I coded that darker stuff into the style.
Now here's my problem: because the "little boxes" are, for some reason that I don't know but I'm sure would make me wish to throw things, coded inline, getting it to display right meant using the code !important, which I know overrides inline styles. What I also suspect it may do is override user specified styles too -- so, for example, if someone who has a visual impairment needs to see things in certain colors and sets them, that may override them. I want to know a) whether or not it does, and b) if it does, if there are easy ways (like "view in my own style") that people would be using anyway that would mean I'm not committing the worst Web accessibility gaffe ever here.
I don't think I am -- I think it just overrides inlines -- but I want to be sure I am not breaking the eyeballs of any one of my friends for whom I've just rendered my LJ less accessible. So... please take a look at my friends page and let me know: is this an issue for any of you?
Thanks.