accessibility-insights-web
govuk-puppet
accessibility-insights-web | govuk-puppet | |
---|---|---|
11 | 405 | |
814 | 125 | |
0.6% | - | |
7.0 | 9.3 | |
3 days ago | 3 months ago | |
TypeScript | Puppet | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
accessibility-insights-web
-
Show HN: Accessibility Aid – Fixed Price WCAG and ADA Compliance
Hi Roy,
Thanks for sharing! I think it's great that more orgs/folks are trying to make the Web more accessible.
I'm also a web dev with some experience, and I've done a few accessibility projects, both in-house and with third-party consultants.
My main feedback is this: I would've loved to have been able to outsource to/partner up with experts for more of that work, but that would've been difficult at your prices. €2k-€4.5k/mo was between half and all of my salary as a full-time dev (working for small biz). On an ongoing basis, that would've been quite unaffordable.
If you're truly interested in making "accessibility achievable and affordable for organizations of any size", might you consider a pricing model where it's X dollars for the initial work (where the bulk of it lies, in terms of initial design/audit/etc.), and then a lower Y dollars/mo for maintenance (reviewing some new content and pages, etc.)? Possibly also some sort of allowance/sliding scale for smaller sites or smaller orgs?
In my experience, much of the work is frontloaded. Having to pay the same price month-to-month where subsequent months might not be much work at all is a tough sell. And in my experience, all-included subscription services like this often tend to be "best effort" anyway, especially for smaller customers who are competing for limited dev/design time with your bigger clients. At lower monthly costs, that's still a fair enough value proposition, but at four-figures a month... that's easily the territory where smaller companies might consider in-housing instead. And sure, people could subscribe for just a month or two and then cancel, but that feels disrespectful/dishonest.
In the past accessibility projects we've done, the upfront audits cost a few grand on a mid-sized site. We were presented with various reports and tables (several tens of pages worth), but it was really just a checklist of things we'd go down and address. The actual fixes took about a week of dev time. Then on an ongoing basis, we just followed the same recommendations for our new content, occasionally using free tools like Microsoft's free Accessibility Insights (https://accessibilityinsights.io/) to double-check our pages for problems. These days a lot of it is built into IDEs too.
That's not to say automated checklists are sufficient and can replace human expertise (yet), but they do take care of a lot of the low-hanging fruit, especially for ongoing content updates that follow the same format as previously audited pages/sites.
Now, the above was just my personal experience primarily working for small biz and nonprofits. If you're primarily targeting bigger enterprises or early 2020s-style startups with infinite money, and purposefully trying to exclude smaller customers, that's totally valid and maybe that pricing makes sense? (It's probably cheaper to them vs hiring AAA labor in-house). But for smaller orgs, your prices are often more than their entire website budget and nearly as much as an additional staff person. If you truly want to target them as well, would you consider something that's more suitable for their budgets?
---
Altogether separate than the pricing thoughts: It would also be lovely to see some demo reports/audits, or before/after screenshots etc. This is the sort of endeavor where the quality of consulting/auditing can vary a lot between service providers, and being able to see examples of your previous work would mean a lot.
---
Thanks again for sharing, and I hope this feedback wasn't too harsh! Just my 2¢ as someone who wishes more companies would voluntarily take this work on.
-
Ask HN: Examples of best practice modern website design?
(I'm a frontend dev, but I came into the design side only later in my career, after having started as a full-stack programmer.)
I think this book is probably the single best resource I've seen on the topic: https://www.refactoringui.com/
It's a really easy-to-use format (one quick tip on each page, with clear examples).
It's from the people who made Tailwind, a CSS framework that's basically a reimagining of Bootcamp for the Javascript/component era.
Check out some of their templates: https://tailwindui.com/templates
These are lookalike "modern" designs that you can pay to use, or just draw inspiration from. Imitation == flattery and all that.
Along similar lines, check out the free Next.js templates: https://vercel.com/templates/next.js
If you want to build up from components instead, Tailwind offers a component library too: https://tailwindui.com/components
For React, I prefer the astoundingly good MUI framework (amazing components with lots of customizability, a good enough default look, and great documentation): https://mui.com/ If you end up going this route, using their Figma kit (https://mui.com/store/items/figma-react/) plus the Refactoring UI book from above should allow you to whip up a pretty standard-looking, "pretty enough" design in very little time. And then implementing it using the actual MUI lib would just take a few days.
There's also Ant Design: https://ant.design/
And Chakra UI: https://chakra-ui.com/
-----------
For more theoretical stuff (i.e., less visual but still very valuable), the UX research group Nielsen Norman still has a treasure trove of valuable advice: https://www.nngroup.com/articles/top-ten-guidelines-for-home...
You should know the basics of accessibility (beyond general usability, this alos means alt text, header levels, contrast ratios, readability, screen readers, keyboard navigation, special considerations for the hard of sight and hearing, etc.): https://www.w3.org/WAI/standards-guidelines/wcag/ or at least use an easy checklist tool like Microsoft's WCAG analyzer: https://accessibilityinsights.io/
-
Ask HN: Best Practices for Accessible Websites
Microsoft makes a very helpful Chrome and Edge plug-in that checks your site against WCAG 2.1 AA recommendations. Run it and fix the issues one by one and you're like 80% of the way there.
https://accessibilityinsights.io/
The other 20% is often like judgment calls on navigability and readability on screen readers. You can install one (or several) and try to navigate your site and menus using them. They are often free, especially the ones built into major operating systems.
-
A11y Is Not Accessible
If you just go down the checklist and do what you can, you'll be way ahead of most websites: https://webaim.org/standards/wcag/checklist
Microsoft also has a great interactive test that can probe your website for you and highlight issues: https://accessibilityinsights.io/
I think similar but less powerful checks are also built into some IDEs (Jetbrains) and linters (Eslint).
-
ADA Compliance tools
I really like the suggestions from other commenters here, WAVE, Axe, and Google Lighthouse are great automated tools. I'd also recommend SiteImprove and Microsoft's Accessibility Insights for their automated offerings. I have some further suggestions should you also want to go deeper into learning and addressing accessibility best practices.
- Is siteimprove legit?
-
Unlocking Web Accessibility: Tips for Developers
Accessibility Insights Accessibility Insights is a free, open-source tool from Microsoft that allows you to test the accessibility of your website. The tool can be used as a browser extension or integrated into your testing framework. Accessibility Insights provides automated testing and manual testing features to help you identify accessibility issues on your website.
-
How to test student work for accessibility?
Accessibility Insights from Microsoft
-
Don't overlook accessibility: Why it's crucial for website development
Accessibility Insights - Tool to test accessibility from Microsoft (free)
-
I made a website which features positive/inspiring news stories with no ads!
Chrome Devtools is a great one to use for testing, I'm also really fond of Siteimprove and Accessibility Insights too. I'd also urge you to try a bit of manual testing as well, for example I noticed I was unable to effectively navigate using keyboard alone because I couldn't easily tell what links had focus when I hit the tab key. This article Focus management and inert is a great primer on the subject.
govuk-puppet
-
Ask HN: Examples of best practice modern website design?
For usability and accessibility check out https://www.gov.uk/
-
Help with my income tax calculations, should salary sacrifices be considered as part of the taxable income or not?
Look up adjusted net income on www.gov.uk
-
Should I report suspicious behaviour in my street?
Start by checking the registration plate on www.gov.uk to see if the car is MOTd and insured. If they are then I would probably not think too much more about it. If the car is not MOTd or insured then it probably suggests that they're up to no good and as a good citizen, it is your duty to dig further. Maybe try walking past the car and see if you can see what they're doing in the boot and maybe just start up a general conversation with them by asking if they have a light or if there is a shop nearby??
-
Do I need a Transit Visa?
The visa checker on www.gov.uk is the authority here: if that says you don't need a transit visa then you don't need one.
-
Expats - what did you do about your savings accounts when you moved here?
From the www.gov.uk website:
-
I think HR asked me to commit minor VAT fraud
The supplier advised -If it is for my own personal use, it is eligible for VAT relief because it is being used as part of a system that includes a PC customised for my needs "Assistive technology involves the pre-installation of specialist software which is specifically required by the disabled individual. Where such a purchase is made, the complete system will be defined as designed solely for use by that disabled person, and will be eligible for the relief."Reliefs from VAT for disabled and older people (VAT Notice 701/7) - GOV.UK (www.gov.uk) -If it is for work related tasks- then VAT may need to be paid, but supply of equipment for employment related tasks should be dealt with by my employer. -But this may lead to ownership issues. If the Trust buys the program do, they own all material produced with the program?
-
Ask HN: What are some well-designed websites?
I'll throw https://www.gov.uk/ into the ring here. Heard it's one of the best designed websites for disabled accessibility.
-
Boox Tab Ultra C impressions after a full day of use
Work. I've tried to integrate e-reader devices into my workflow before and failed. I'm too used to OSX, and find other environments frustrating for work. I use a MacBook Pro in combination with a Mira e-ink monitor (I work on the design of GOV.UK).
-
Does this mean my DBS has been done?
Your DBS certificate for application ******** has been issued by the DBS. If you need any further advice or information go to www.gov.uk/. dbs
-
Would they send this if I was denied? There is no decision attached and the two day wait will kill me 😅
Refer at Visa decision waiting times: applications outside the UK - GOV.UK (www.gov.uk) to know visa processing timelines. VFS Global will notify you when the passport is ready for collection.
What are some alternatives?
plyr-react - A simple, accessible and customisable react media player for Video, Audio, YouTube and Vimeo
coronavirus-dashboard - Dashboard for tracking Coronavirus (COVID-19) across the UK
AccessibleWebDev - A resource for developers wanting to learn the basics of accessibility
Tailwind CSS - A utility-first CSS framework for rapid UI development.
axe-core - Accessibility engine for automated Web UI testing
uMatrix - uMatrix: Point and click matrix to filter net requests according to source, destination and type
tab-a11y
uswds - The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.
website - Let's Encrypt Website and Documentation
frontend - The Guardian DotCom.
colorContrast - accessibility color contrast tool
info-frontend - Serves /info pages to display user needs and performance data about a page on GOV.UK