Git Product home page Git Product logo

a11y-analytics's Introduction

High-Level Interests

Web Accessibility

  • Making things as simple as possible for every researcher, designer, developer, product manager, etc... to readily understand the experiences of disabled people, leaving no viable economic argument for not making products accessible.

Observability

  • Making it as easy as possible for engineers to ask arbitrary questions of the humans, code, and infrastructure comprising the sociotechnical systems they are responsible for

Testing

  • Deriving automated test coverage from production telemetry
  • Minimizing regressions while spending the least amount of effort possible doing so
  • Evaluating and understanding the level of safety a test suite provides against regressions
  • Finding ways to practice software testing against simulations or "recordings" of rapidly changing real-world products

a11y-analytics's People

Contributors

deno-deploy[bot] avatar grunet avatar

Stargazers

 avatar  avatar

Watchers

 avatar

a11y-analytics's Issues

Investigate detecting page-level zoom

#95 didn't do this because of the complications mentioned in #91 (comment) for multi-page sites/apps.

However there may still be a way to do this if only the zoom level scale (given by window.visualViewport.scale) is reported.

Still need to deal with it changing while on a page, but maybe that plus incorporating the current value could work somehow

Detect and record some forms of magnification

Here's a list of various forms to consider

  • Pinch zoom
  • Page-level zoom ("Ctrl scroll")
  • Browser-default font-size
  • Browser-default zoom level
  • External assistive technology

This seems possible for pinch-zoom using window.visualViewport.scale and for page-level zoom using window.devicePixelRatio. Both could be measured on page load and then polled for changes that would indicate use of the features.

Browser settings around default font size can be detected by measuring the font-size of elements (e.g. window.getComputedStyle(document.body).getPropertyValue("font-size") will be different depending on the browser default font size). Need to be careful about forcing a layout with this (if done before or after app styling comes in to play)

I have not yet found anything that could detect browser settings around default zoom.

Any use of external assistive technology (e.g. magnifier, ZoomText) will be undetectable

Add automated tests

Probably something with Vitest (run in Deno) and happy-dom.

Failing that, using substantial custom mocks of the DOM environment and more unit-like tests.

Detect if the user is not only using the keyboard

For example, if a user uses multiple input modes, starting with the keyboard for navigation then switching to using a pointer input (e.g. a mouse).

This could be helpful for filtering out such users to focus in on "keyboard"-only users.

Recording new parameters for when pointer events happen (and combining them with the keyboard detection parameter) might make sense here

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.