Description of need:
The Data Quality Assessment is very important for iNaturalist, as it ensures the accuracy and quality of the data collected. However, the current Data Quality Assessment is quite large, and all the rows are completely white. This can make it difficult to click the intended column, especially for those with dyslexia, visual impairments or just those who are generally sleep deprived.
Feature request details:
What I’d like to propose is that the Data Quality Assessment be edited to include row banding. Row banding uses alternating colors for the rows in a table to make them easier to read. This helps people with dyslexia or visual impairments by providing a clearer visual separation between rows, making it easier to track across columns. I believe this change would help prevent accidental misclicks in the Data Quality Assessment.
^ This is an edit I made of the Data Quality Assessment with row banding implemented. I think it’s a small change, but it would make a significant difference in terms of accessibility.
I can’t imagine this generating much controversy; seems like a good small improvement to me, and pretty easy to implement! Might be good to do it with the annotation fields, too, for consistency, although there are far fewer rows there.
I support this so much, I opened a pull request for the Data Quality Assessment change just now. An ideal small, good improvement.
Annotation fields’ banding is a little more complicated since the structure is more variable (the list can change and expand, and cases where the user adds a new row in the moment need to be handled correctly), so that will take some more time to implement.
Edit: opened a pull request for annotation banding as well
Annotation fields’ banding is a little more complicated since the structure is more variable (the list can change and expand, and cases where the user adds a new row in the moment need to be handled correctly), so that will take some more time to implement.
This feature should be implemented the same way for both the DQA and Annotations. I think there’s some open CSS, PHP, or similar class I’ve used before that turns a table into a banded table regardless of the number of rows, but I can’t find where I used it before. This tutorial might be helpful, but I haven’t bothered looking through the iNat back-end repo to see what languages it uses for front end.
You are totally right about that CSS property, thanks for that. I implemented it some bone-headed way before, but have updated the pull requests now to simply use that property in the correct places. Hopefully someone reviews them next week and they get an OK from their designer.
