Code Monkey home page Code Monkey logo

accessibility's People

Watchers

avatar avatar avatar avatar

accessibility's Issues

Labelling consistency needs improvement

Reported by Mark Weiler. On the page https://journals.scholarsportal.info/search?q=censorship&search_in=anywhere&date_from=&date_to=&sort=relevance&sub= and i noticed there's some inconsistency in language for screen reader users In the main navigation region we have the link "Articles" In the results item, a heading 4 is called "My Articles" The button after the heading 4 is labelled "Add to my list" I think "My Articles" communicates best: - "My Articles" -

My Articles

-Add to My Articles

Issue with Recaptcha

Issue relates to:

Quality of interface
Compatibility with assistive technology and browser
Describe the issue you encountered:

When I step into the recapatcha checkbox ("I'm not a robot) I hear a very long string (e.g., https:.....")
What types of assistive technology were you using, if any?

JAWS

Improve description of saved article list functionality

Reported by Mark Weiler. The region has an important functional aspect that is worth drawing attention to paragraph form. "The Scholars Portals Journal platform lets you save articles you find while browsing your search results. This is a great way of keeping track of relevant articles. It is a bit like a online shopping cart. You can go to a page with the articles you saved by selecting the Articles link in the Main Navigation region. The link will have a number indicating the articles you've saved already. If you leave close your browser, however, the articles won't be remembered, so be sure go to the page to email yourself the articles, export them, or create a bibliography before you leave the platform."

Put results facets into a complementary information region

Reported by Mark Weiler. The content that provides the filtering function should be in a separate region. The best region type, I think is a complementary-information region: https://www.w3.org/TR/wai-aria-practices/examples/landmarks/complementary.html The HTML tag is <aside> https://www.w3.org/TR/html52/sections.html#the-aside-element <banner> <main nav region> </main nav region> </banner> <search> </search> <main> <h3>Result 1</h3> <h3><Result 2</h3> ... <h3>Result 20</h3> </main> <aside> <h3>keywords</h3> <h3>Journals</h3 > <h3>Article types</h3> </aside> <footer> </footer>

Make PDF filenames readable

Right now generated file names have a lot of underscores and dashes making them difficult to read for screen readers. Test to see if having spaces in the filename instead causes any systems issues.

"Limit by subject" block has invalid aria-labelledby

On the Journals home page, after clicking "Limit by subject" a new block appears with checkboxes. There is a div wrapper around these checkboxes that contains a div with aria-labelledby="subjectLabel" that does not exist, at least on the home page.

This error appearing in testing with WAVE and axe DevTools.

<div id="subject-limits" role="region" aria-labelledby="subjectLabel" aria-expanded="true" aria-hidden="false" style="display: block;">

Missing lang attribute

The root <html> element is missing the lang attribute. This will need to be set based on the UI language.

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.