Comments (2)
I looked at this during Hacktoberfest last year and used one of the Node.js accessibility checkers:
https://www.npmjs.com/package/accessibility-checker
A few things that are easy fixes are on the static HTML to put anchors on components etc. However the one that surprised me is the auto generated HTML that is produced is non compliant, that's going to be a very tricky fix in that it's a potential upstream patch. There may be a need to check out accessibility compliance in auto generated HTML as a research spike.
Linking this article for reference reading for whomever takes this on
from tutors.
Thanks @lgriffin - thanks for the leads. In fact this is this is the tool to use:
Which is a Chrome plugin - to run the check on a live course. The static checker does not really make much senses in a Svelte/SvelteKit project. I ran the check on a course home page, getting this result:
The 4 violations were relatively straightforward to track down - and have been addressed in
Scan now showing:
The 24 Recommendations Issues + 4 review items will need some work, but I have corrected I think) 8 of these - but they still show up as recommendations in the scan, so will need further work.
Will leave the item "Open" and "In Development" in the project in case there are any takers!
Thanks again
from tutors.
Related Issues (20)
- Redirect on Sign in to course unreliable
- Introduce contribution guidelines
- Support Vercel + GitHub pages deployment
- netlify.toml file research
- Tutors Version Management HOT 2
- TutorsMesssage : move to be read from an external source, perhaps a single use gh-pages repo. HOT 1
- Schema for TutorsTime data store HOT 1
- Abstract analytics service HOT 1
- Supabase Analytics Implementation HOT 1
- Firebase to Supabase migration HOT 1
- Learning objects starting with 'html' are filtered out of course HOT 1
- Dark Mode Text Color in Footer HOT 2
- Search Input Field does not auto-focus on component mount HOT 1
- Old websites that used "archive" folder name rather than "archives" have broken links HOT 1
- Click / Touch Target Too Small on Search Result Cards
- Allow pdf files to either categorised as labs or lectures HOT 1
- Card description
- Themes don't work on homepage HOT 3
- Images only work in lightmode or in darkmode HOT 1
- topic context navigator in labs HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from tutors.