Comments (13)
@matbrady if possible suggest surrounding colored regions with a white border instead of trying to add different textures to the states. @lizzycederberg @lfrancis do you think this solves the problem?
from nara-bia-photos.
spoke with mat on slack and the map doesn't support grouping state shapes together and drawing a line around that group, so mat is going to try using moving different regions apart so there's space around them
from nara-bia-photos.
The drop-down helps for accessibility, but because it doesn’t provide the same information (the regions),
@lizzycederberg If they are referring to the record count, that was updated in #206. It's been updated in the test env, but likely not on the live site.
from nara-bia-photos.
I think they are saying the contrast between the colors of adjacent regions is not high enough for someone who is color blind to be able to clearly determine where one starts and one ends, e.g. the Eastern region and the Midwest region are pretty close in color: https://bia.test.drupalme.net/research/native-americans/bia/photos/states
So really we need a new design for the map that uses textures instead of colors (or in addition to colors maybe) to help those users.
from nara-bia-photos.
The existing colors are fine in the three major color-blind types until you get to grayscale, which is the rarest of all -- that 8% figure cited above covers mostly the three major types of deficiencies.
You can test this yourself on MacOS with the Accessibility Control Pane by turning on color filters:
from nara-bia-photos.
I think they are saying the contrast between the colors of adjacent regions is not high enough for someone who is color blind to be able to clearly determine where one starts and one ends,
@lizzycederberg I was just mentioning that if the select is fully accessible and provides the same content, it doesn't sound like there is a need to correct the colors further.
from nara-bia-photos.
@matbrady @SpenceJMNelson I asked NARA if adding the regions to the drop down was an acceptable alternative and they said:
Including the regions for each state in the dropdown, along with a header for each region that lists each state included in that region, will provide comparable information.
I'm not sure I understand that. What do you think?
from nara-bia-photos.
@lizzycederberg I don't fully understand this or why we asked to add regions to the dropdown if the original issue was for color contrast.
from nara-bia-photos.
@lizzycederberg I don't fully understand this or why we asked to add regions to the dropdown if the original issue was for color contrast.
I think what they we're saying was -- in the absence of additional colorblind measures -- adding the region header to the states select solves the accessibility problem.
from nara-bia-photos.
@matbrady I don't see anything different on the page. Did you make a change?
from nara-bia-photos.
We will move some colors around so the regions are not close to other regions with similar colors and update the drop down with regions
from nara-bia-photos.
Confirmed addressed
from nara-bia-photos.
Looks good! Just reopening until I send the update to NARA
from nara-bia-photos.
Related Issues (20)
- HZ scrollbars visible on Win 10 Chrome/FFX HOT 3
- Transfer repo to NARA HOT 1
- Transfer repo to NARA
- 404 page lacks messaging, white space after footer HOT 4
- IDs used in ARIA and labels must be unique HOT 2
- Update About page copy HOT 4
- Update to map regions HOT 3
- Scrolling while hovering over image viewer just zooms in/out on the image HOT 6
- Update Catalog links HOT 1
- Make sure content can be tabbed through (e.g. About) HOT 6
- Tribal Nations detail page dropdown update HOT 2
- Make Topics dropdown accessible for screenreaders HOT 9
- Update homepage dataviz for small screens HOT 15
- Tribal Nation drop down HTML issue HOT 6
- Dropdown on the homepage dataviz is missing the focus indicator HOT 2
- Update FAQ
- Links must have discernible text
- Results error HOT 1
- On Mobile: Unable to search from menu
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 nara-bia-photos.