Comments (4)
Anything I can help with here @emma-sg @Shrinks99 ?
from browsertrix.
Reviewed with voice over... Not sure I got everything but this is a start! Screenshot analysis is not going to be very helpful... I'm sure text analysis could be improved in a few ways that would help everyone regardless of ability such as doing what GitHub does an only surfacing the actual different sections!
The resource comparison table is by far the most usable for anyone who is completely unsighted. It works quite well! Good labels for all the rows and columns and gives context to each value!
QA Tab
- Total Analysis Time has a span with a title, the content is read twice (might be harder to fix than I thought if we want to keep the title on hover which is helpful for using the
executionTimeFormatter
elsewhere. - The hover info description text seems unreachable?
- The chart does not deliver any helpful information for users using screen readers. It is currently entirely inaccessible. This also isn't a trivial problem to solve and is unfortunately quite common... Data Navigator offers one interesting solution, though is likely outside of the scope of these fixes
- In the "Delete Analysis Run" popup, the
Cancel
button is highlighted initially which means it's the first content read aloud. Users have to know that there is more text "above" and request it with keyboard navigation controls. Should be title of the dialog. - The pages table pagination selector doesn't seem to be grouped with the table contents in any way? There's no auditory indication that it is related. Perhaps
btrix-pagination
should have anaria-role
attribute that we define with alabel
attribute when creating the component?
Review Tab
- Current page title is read as
Heading level 3, pagename
, should probably beCurrent page: Pagename
- Date is read as
[DATE] collapsed menu button group
, should probably start withAnalysis run date:...
- Page comments tab:
- Max character count is read aloud twice, I think because voiceover handles this by default though unsure if all do... Can probably leave as is
- Heuristic navigation tab should be titled, currently only referred to as "Navigation"
- Current page url is just read aloud as the URL, should probably start with
Current URL:
- Current page capture date is just read aloud as the date, should probably start with
Capture date:
- The pages list items are all read aloud by the screen reader even though the page isn't expanded. Likely needs aria tags for what is and isn't selected.
- The match percentage for the page list should likely be read aloud as
Match %: [percentage]
- Text comparison widget should use
<ins>
and<del>
to represent text that has is present VS missing.
from browsertrix.
Have started a branch for this: https://github.com/webrecorder/browsertrix/commits/frontend-qa-a11y-fixes
Probably won't get to all of these points, some are harder to fix than others (dates and dropdowns are a hard one I think?) Will have a go and try to pick off all the low hanging fruit.
from browsertrix.
Alright, I think I'm done with the issues I can address confidently... The others deserve a little more thought as to how they'll fit in with our other components? Would prefer these be addressed by @SuaYoo or @emma-sg. :)
I've checked off the ones I've gotten to in the list above. The ones without checkmarks are maybe worth addressing with some larger strategy app-wide? The ones still unchecked should be addressed and are the more pressing issues IMO. Lets merge #1863 and do the above separately to keep things manageable? Nothing in there should be super related to anything else on the list.
Of all of these, the review tab not surfacing information for the current item only is probably the biggest issue??
from browsertrix.
Related Issues (20)
- [Bug]: Fix failed login attempts expiry
- [Bug]: Orgs list is visible to non-superadmin HOT 1
- [Bug]: Missing warc-files HOT 1
- Return user details with org info in backend API login endpoint response
- chore: Use user info from login response
- API endpoint for workflow config defaults HOT 3
- Allow org admins to set default workflow configs HOT 1
- [Bug]: Browser profile description overflow in dropdown
- [Feature]: Create job "channels" with separate and different numbers af harvesterinstances
- [Feature]: total disk usage in Overview also in local browsertrix installations HOT 1
- [Bug]: Ensure the crawl settings with and without workflow show the same info
- [Feature]: Adjust workflow job type options HOT 1
- [Feature]: Sort by running in "Crawl workflows" + faster pagination
- [Bug]: Running out of space halts job. Not able to restart them after more space availible. HOT 3
- [Feature]: UI routing and navigation improvements
- [Bug]: Link to login is shown on login page HOT 1
- [Feature]: Improve self-service support
- Add sign-up link in header when logged out (configurable via chart)
- "Crawler Instances" → "Browser Windows" HOT 2
- [Bug]: it is not possible to reference a wacz file back to where it comes from e.g. using the GUI crawl_id HOT 5
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 browsertrix.