Giter Site home page Giter Site logo

Accessibility Audit about tutors HOT 2 OPEN

edeleastar avatar edeleastar commented on July 3, 2024
Accessibility Audit

from tutors.

Comments (2)

lgriffin avatar lgriffin commented on July 3, 2024

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

https://developers.redhat.com/articles/2022/11/03/nodejs-reference-architecture-part-10-accessibility#why_node_js_developers_need_to_provide_accessibility

from tutors.

edeleastar avatar edeleastar commented on July 3, 2024

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:

aria-1

The 4 violations were relatively straightforward to track down - and have been addressed in

Scan now showing:

aria-2

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)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.