accessibility-insights-web
website
accessibility-insights-web | website | |
---|---|---|
11 | 235 | |
814 | 818 | |
0.6% | 0.2% | |
7.0 | 8.7 | |
3 days ago | 2 days ago | |
TypeScript | HTML | |
MIT License | Mozilla Public License 2.0 |
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.
website
-
Introduction to the Kubernetes ecosystem
Traefik : A modern HTTP reverse proxy and load balancer that makes deploying microservices easy. Traefik integrates with your existing infrastructure components and configures itself automatically and dynamically. it's also well integrated with Let's Encrypt (Alternatives : HAProxy, Kong, NGINX)
-
Homelab Adventures: Crafting a Personal Tech Playground
Let's Encrypt
-
Setting Up a Kubernetes Cluster on AWS EKS With Eksctl and Deploying an App
cert-manager is a CRD (Custom Resource Definition) that dynamically generates TLS/SSL certificates for our applications using Let's Encrypt (although it also supports other issuers).
-
AWS Lightsail Java Server Setup Memo
Install Certbot Certbot is a CLI that helps to obtain and maintain Let's Encrypt cert.
-
CapRover : Dumb name, awesome tool
Let's Encrypt. CapRover automatically configures each service with nginx. SSL certificates (on multiple domains too) are just the click of a button.
-
I created a website with Node.js and would like to run a demo on Azure Web App. Log stream says that it started successfully, but when I go on the URL it does not show anything. How would I fix this? Would I have to change the port?
you should look at free services like https://letsencrypt.org/
-
Factors Behind a Great SEO-Optimized Web Application
Let's Encrypt Let's Encrypt is a free, automated, and open certificate authority brought to you by the nonprofit Internet Security…letsencrypt.org
-
Deploying a secured Node.js Application on AWS EC2 Instance from scratch (Detailed Guide)
Today, you will learn how to deploy your node.js project to the internet via an Amazon Web Services EC2 Instance at little or no cost. You will learn how to create an AWS EC2 Instance and work in Amazon Linux 2, create and manage services with SYSTEMD, use NGINX as a reverse proxy and obtain an SSL certificate from Let's Encrypt to ensure your website is secure via HTTPS protocol. So let’s get to it and deploy your project to your EC2 Instance.
-
Tech giants are hijacking the internet
Luckily you can get the https easily. I’ve been using https://letsencrypt.org/ to get it encrypted. Was fast and free. No real barrier just a bunch of setup.
- OpenBSD acme-client で Let's Encrypt 証明書を取得する
What are some alternatives?
plyr-react - A simple, accessible and customisable react media player for Video, Audio, YouTube and Vimeo
hub-feedback - Feedback and bug reports for the Docker Hub
AccessibleWebDev - A resource for developers wanting to learn the basics of accessibility
Visual Studio Code - Visual Studio Code
axe-core - Accessibility engine for automated Web UI testing
Rocket.Chat - The communications platform that puts data protection first.
tab-a11y
BookStack - A platform to create documentation/wiki content built with PHP & Laravel
colorContrast - accessibility color contrast tool
Nginx - An official read-only mirror of http://hg.nginx.org/nginx/ which is updated hourly. Pull requests on GitHub cannot be accepted and will be automatically closed. The proper way to submit changes to nginx is via the nginx development mailing list, see http://nginx.org/en/docs/contributing_changes.html
web.dev - The frontend, backend, and content source code for web.dev
PostgreSQL - Mirror of the official PostgreSQL GIT repository. Note that this is just a *mirror* - we don't work with pull requests on github. To contribute, please see https://wiki.postgresql.org/wiki/Submitting_a_Patch