|
Does anyone have experience with ADA compliance? I got a request to make a site that must be ADA compliant. Reading the WCAG 2.1 Guidelines, it's a lot of stuff that I already do as a somewhat competent designer. Reading about lawsuits and stuff makes me nervous, because courts are reluctant to throw them out but it's a new-ish area of law so things aren't super cut and dry - even though lawsuits are rare. Even sites like WebMD and the local hospital websites around here aren't 100% ADA compliant according to WCAG and HHS guidelines, so what's the best way to go about this? I'm considering telling my client I could design the site and then having them hire a specialist to look at the site, but I don't know if I'm overthinking and/or over-worrying. It's just the first site I've gotten in ten years with "THIS MUST BE ADA COMPLIANT".
|
#
?
Mar 1, 2019 22:21
|
|
|
|
| # ? May 29, 2024 22:41 |
|
|
Everything I make needs to comply with WCAG AA Guidelines. The tricky part is if you aren't an accessibility specialist it's very easy to miss something. On the design side it's pretty simple to make sure your fonts are the right size and you have the right levels of contrast, but there's stuff you could miss like putting a pause button on video backgrounds.
|
|
#
?
Mar 1, 2019 23:30
|
|
|
The Dave posted:Everything I make needs to comply with WCAG AA Guidelines. The tricky part is if you aren't an accessibility specialist it's very easy to miss something. On the design side it's pretty simple to make sure your fonts are the right size and you have the right levels of contrast, but there's stuff you could miss like putting a pause button on video backgrounds. That's what I'm worried about, that I'll miss some easy to overlook thing. I get the same anxiety with e-commerce sites; very easy to mislabel a shipping zone or whatever and throw off all the expected profits. So you're saying consulting a specialist would be a good idea?
|
|
#
?
Mar 2, 2019 01:08
|
|
|
LifeLynx posted:That's what I'm worried about, that I'll miss some easy to overlook thing. I get the same anxiety with e-commerce sites; very easy to mislabel a shipping zone or whatever and throw off all the expected profits. I think that'll depend on who made the request and why, and whether budget for it was included in the request. Like if you're running a .gov site where it's mandated by regulation it obviously becomes a different priority than if you're running a grocery store (lol Winn-Dixie). The other thing to remember is that WCAG are guidelines but not actually in the corpus of the ADA act, and it's only been recent case law that has referenced them. So while WCAG 2.1 AA = probably compliant with ADA this isn't enshrined in law anywhere. This means the certainty you desire of "do (x) and be covered" might not exist.
|
|
#
?
Mar 2, 2019 01:42
|
|
|
Chrome has accessibility auditing tools baked in. I’ve had a few projects where the accessibility requirement was ultimately defined as “passes Chrome accessibility tools tests with a minimum score of XX%.” Generally speaking I try to push this type of stuff off onto a third party expert, it’s really complicated and unless you’re living and breathing the stuff you’ll always miss something. Also, a truly WCAG/ADA compliant site will need to be tested frequently after launch. Clients always mess stuff up once you turn things over to them.
|
|
#
?
Mar 2, 2019 02:00
|
|
|
Scaramouche posted:I think that'll depend on who made the request and why, and whether budget for it was included in the request. Like if you're running a .gov site where it's mandated by regulation it obviously becomes a different priority than if you're running a grocery store (lol Winn-Dixie). The other thing to remember is that WCAG are guidelines but not actually in the corpus of the ADA act, and it's only been recent case law that has referenced them. So while WCAG 2.1 AA = probably compliant with ADA this isn't enshrined in law anywhere. This means the certainty you desire of "do (x) and be covered" might not exist. It's for a small/medium law firm site. I could be more diligent in alt tags for every image, and link colors get more complicated than blue/purple when it's not just black text on a white background, but I think most of WCAG is stuff that should be followed anyway.
|
|
#
?
Mar 2, 2019 02:06
|
|
|
What Scaramouche wrote is correct, in the US there's no certification for whether you pass or fail, but there are companies that will provide an audit and report about how accessible the site is for  . The report goes through the perceivable, operable and understandable standards with a checkmark or N/A or what not, but usually those companies are happy to offer mitigation services as well for  .Ideal testing should include - Automated testing for color contrast and simple Web-Aria controls and HTML markup. - Manual testing by actual screen reader users on Windows and MacOS. Doing the last bit yourself is tricky because only real users know how to best use those tools. For instance, using the modifier keys like "h" and "b" to cycle through headings and buttons rather than just using tab or arrow navigation, or whether the screen reader is being too verbose. If the site is too verbose it becomes more of a burden for screen reader users. You can learn a lot by giving it a run through in NVDA though, and probably enough to say it's compliant and list the functionality of the site and how it's compliant, but anything more than that you'll want to pay screen reader users to test it. I've been doing a lot of mitigation recently with drag and drop abominations where the design is almost inherently opposed to making it usable by both keyboard, mouse and touch users.  Really the only solution for drag and drop is using aria-haspopup + aria-controls and role=dialog to popup a menu and swap focus.
|
|
#
?
Mar 2, 2019 04:11
|
|
|
spacebard posted:
What about mobile? Accessibility? Who cares? Shiny!
|
|
#
?
Mar 2, 2019 18:15
|
|
|
EL BROMANCE posted:Is there a reason they've never added an equivalent of 'include' into HTML? Half the time I use it for just bringing in a menu or something, so like Thermo I'm not stuck updating the same thing on multiple pages when a detail changes. They basically did with Server Side Includes, though it's not so much HTML as it is a scripting language embedded in an HTML comment. Still gets the job done if you are hosting on a server with it enabled. HTML imports were supposed to be a thing using the link tag but they were abandoned for some reason. PT6A posted:Depending on how simple the template is (one template, changing content in the main section of every page), you can probably write a Python script to accomplish that build process. I think the reason that there's no one great solution to that problem is that it's simple enough for any one case, but it'd be very difficult to write something general-purpose that would cover the peculiarities of all projects it might be used for. This is what I did recently for a site with about 50 pages that isn't going to really change much. With f-strings it really doesn't feel much different than using a template.
|
|
#
?
Mar 2, 2019 20:31
|
|
|
The Merkinman posted:I knew drag and drop always gave me a bad feeling. You can lead a horse to water, but you can't do a goddamn thing if it decides it would prefer to drink its own piss.
|
|
#
?
Mar 3, 2019 18:11
|
|
|
The Merkinman posted:I knew drag and drop always gave me a bad feeling. i would never voluntarily implement drag and drop in a product for web. even the api for it is loving retarded. that said i have written a poo poo ton of code for dragging and dropping stuff in web because designers who are out of touch with how modern software works keep asking for it.
|
|
#
?
Mar 3, 2019 18:45
|
|
|
I hate it when websites won't let me drag n drop files to upload.
|
|
#
?
Mar 3, 2019 19:08
|
|
|
Just because you have drag and drop doesn't mean that it has to be the only interaction method on the page. There are plenty of times where dragging and dropping is the most painless UX decision, you just design it with manual fallbacks.
|
|
#
?
Mar 3, 2019 19:15
|
|
|
Thermopyle posted:I hate it when websites won't let me drag n drop files to upload. Drag and drop file upload is pretty easy to implement, all things considered. Dragging and dropping elements around the page though not so much. There's a lib for react that I remember was particularly painful and stupid.
|
|
#
?
Mar 3, 2019 19:39
|
|
|
The Dave posted:Just because you have drag and drop doesn't mean that it has to be the only interaction method on the page. There are plenty of times where dragging and dropping is the most painless UX decision, you just design it with manual fallbacks. Yep. It also sucks when the original UX design requires playing 1 or 2 audio sequences in succession either on drag, click (ffff), drop or all of the above. Educational "games"  I weep for the students.
|
|
#
?
Mar 3, 2019 20:12
|
|
|
As always, it depends on the use case. Drag+Drop's a key part of a scheduling program I built, but the intent is to replace a whiteboard where magnetic "pucks" are moved around; drag+drop's a natural analog to represent an item that moves about. Also have the ability to type to "drop" the right puck in place.
|
|
#
?
Mar 3, 2019 20:51
|
|
|
Thermopyle posted:I hate it when websites won't let me drag n drop files to upload. that's the one use case that actually works, and it has its own api independent from the rest of the disaster, and I'm generally ok with using it. i'll refer to articles like https://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html for the rest. really loving simple use cases like "what if I don't want to have a ghost image while I drag and drop while using draggable" are just not covered very well. browser/os compatibility is a complete disaster for that feature as well.
|
|
#
?
Mar 3, 2019 21:21
|
|
|
Munkeymon posted:I'm having an OK time using Gatsby for a static site. Finding some of their documentation lacking, though, mostly around the GraphQL schemas their components support. I like the way JSX works, so it's a decent fit for me because I can bang out some JSON and a couple of minimal template elements to turn it into a whole page. I like a lot of what Gatsby gives you out of the box, I just don't like surrendering control to a CLI. Too often I've run into situations where you save a lot of time up front, then lose that saved time trying to customize the configuration, something that's probably 15 minutes with your own webpack build. LifeLynx posted:"THIS MUST BE ADA COMPLIANT". Check out https://a11yproject.com/
|
|
#
?
Mar 3, 2019 21:31
|
|
|
My crappy little personal site is being duplicated 100% by some other site and my google rankings are pretty much diminished to nothing  Looks like whoever did this also set up a script to pull down my latest changes on Github and run the build script and I can't help but wonder.......why?After some investigation, I contacted the webmaster, the host, and filed an abuse report to Google. The site is just pointing at a subdomain of some stupid little hair salon in Milwaukee e: errr.....or it's a reverse proxy. either way v hosed teen phone cutie fucked around with this message at 23:05 on Mar 3, 2019 |
|
#
?
Mar 3, 2019 22:56
|
|
|
Grump posted:My crappy little personal site is being duplicated 100% by some other site and my google rankings are pretty much diminished to nothing Private repos are free now
|
|
#
?
Mar 3, 2019 23:04
|
|
|
Clone into a private repo, then use the original to bring the light of goatman into their lives?
|
|
#
?
Mar 4, 2019 01:25
|
|
|
ugh yeah actually the other domain is reverse proxying my domain goddamnit
|
|
#
?
Mar 4, 2019 02:19
|
|
|
Grump posted:ugh yeah actually the other domain is reverse proxying my domain goddamnit So why aren't you blocking it or redirecting it to goatse or lemonparty?
|
|
#
?
Mar 4, 2019 02:54
|
|
|
geeves posted:So why aren't you blocking it or redirecting it to goatse or lemonparty? My google-fu isn't giving me any solid results. How would I do this successfully with Apache?
|
|
#
?
Mar 4, 2019 03:02
|
|
|
Grump posted:My google-fu isn't giving me any solid results. How would I do this successfully with Apache? With a 301 Redirect / RewriteRule. You can edit .htaccess perhaps or put it into your apache config itself if you have access to it. http://thebadwebsite.com/* https://lemonparty.org 301! https://thebadwebsite.com/* https://lemonparty.org 301! 301 will tell search engines that this redirect is permanent. http://www.apache.com/how-to-redirect-pages-using-a-301-redirect-and-the-htaccess-file/ https://stackoverflow.com/questions/7818617/rewriterule-for-301-redirect https://www.digitalocean.com/community/tutorials/how-to-create-temporary-and-permanent-redirects-with-apache-and-nginx
|
|
#
?
Mar 4, 2019 03:33
|
|
|
What's a possible motivation for setting up a reverse proxy to somebody's blog? This make no sense to me
|
|
#
?
Mar 4, 2019 03:55
|
|
|
geeves posted:So why aren't you blocking it or redirecting it to goatse or lemonparty? Last I checked, Goatse had been replaced with some kind of cryptocurrency scam.
|
|
#
?
Mar 4, 2019 10:06
|
|
|
rt4 posted:What's a possible motivation for setting up a reverse proxy to somebody's blog? This make no sense to me Maybe the ad money go to the attacker owner? To learn about the stats? Somebody posted about cloning a competing website shop to learn what products are popular for that website. Maybe interest for that exist in a blog? Could also be some way to make the IP hosting the site appear good to search engines by having not-evil content?
|
|
#
?
Mar 4, 2019 10:48
|
|
|
The Dave posted:Everything I make needs to comply with WCAG AA Guidelines. The tricky part is if you aren't an accessibility specialist it's very easy to miss something. On the design side it's pretty simple to make sure your fonts are the right size and you have the right levels of contrast, but there's stuff you could miss like putting a pause button on video backgrounds. All animations  Yes, that includes your loading animation.Thermopyle posted:I hate it when websites won't let me drag n drop files to upload. I won't even use drag and drop for files anymore. Cleaning up a couple of mis-clicked file moves makes me want to be able to disable it system-wide.
|
|
#
?
Mar 4, 2019 15:44
|
|
|
Can anyone give me a good free online text editor? I'm doing a training session at my work and I need to have a room of people able to access a text editor. I only need it for HTML and CSS. Needs to include syntax highlighting and a renderer so people can see the results of the markup. I need it to be online because I don't want 40 employees to ask our IT department to install Notepad++
|
|
#
?
Mar 5, 2019 15:41
|
|
|
me your dad posted:Can anyone give me a good free online text editor? I'm doing a training session at my work and I need to have a room of people able to access a text editor. I only need it for HTML and CSS. Something like https://codepen.io/pen ?
|
|
#
?
Mar 5, 2019 16:24
|
|
|
-Anders posted:Something like https://codepen.io/pen ? That is perfect, thanks!
|
|
#
?
Mar 5, 2019 16:36
|
|
|
I prefer stackblitz.com (it’s literally VS Code in browser) or glitch.com (you can even do node.js servers!) codesandbox.io is also good.
Anony Mouse fucked around with this message at 06:42 on Mar 6, 2019 |
|
#
?
Mar 6, 2019 06:39
|
|
|
Yeah, having the actual Monaco editor in the browser cannot be beat and CodePen desperately needs to get on that to stay relevant.
|
|
#
?
Mar 6, 2019 14:17
|
|
|
There's also https://c9.io/ - they've been around for at least five years and IDK when they got acquired by AWS, but that at least means they'll probably stick around for a long time.
|
|
#
?
Mar 6, 2019 15:25
|
|
|
I have always used http://jsbin.com But I admit that all other options are better than jsbin. Sometimes I use http://jsconsole.com but has a calculator. Because lol about using a calculator that don't support variables.
|
|
#
?
Mar 6, 2019 18:12
|
|
|
Any idea why setting appearance: none to input behaves differently than select, where the latter crops the text? https://jsfiddle.net/hcvdox6w/
|
|
#
?
Mar 6, 2019 23:04
|
|
|
Is there a weird, old trick to getting iframes to match the width of their content? Right now it's defaulting to about half the width of the table inside it.
|
|
#
?
Mar 7, 2019 15:42
|
|
|
uncle blog posted:Is there a weird, old trick to getting iframes to match the width of their content? Right now it's defaulting to about half the width of the table inside it. yes? the page in the iframe can call the parent and pass the with, so the parent adjust the width
|
|
#
?
Mar 7, 2019 15:54
|
|
|
|
| # ? May 29, 2024 22:41 |
|
|
Of course, ignore the last post! I already have a resizeFrame function in the onload of the iframe body. So I guess what I'm actually wondering is how I can investigate why it isn't being called (which I checked)?
|
|
#
?
Mar 7, 2019 16:07
|
|