[ ] Contrast of all text and elements is sufficient. Geometries and large text must have >3:1 contrast against background. Regular text must have >4.5:1.
[X] Content has non-visual alternatives. All figures have alt text and videos have transcripts. Equations are screen reader accessible.
[X] Font sizes for all texts are sufficiently large. Text must not be smaller than 9pt/12px in size. Ideally only minor text is rendered at 9pt (e.g., axis labels) while all other text is larger.
[ ] Where possible within reason, the article works even if I could not perceive colors. Colors should be augmented with patterns, textures, other visual cues, or tooltips if possible.
[X] The article can be navigated comfortably with a screen reader. There are no unnecessary accessibility elements (e.g., axis ticks and labels) that clutter the screen reader experience.
Screen reader
[X] VoiceOver on macOS
[ ] VoiceOver on iOS
[ ] NVDA on Windows
[ ] JAWS on Windows
[ ] Not tested with a screen reader (explain below why not)
Browser
[X] Safari or other WebKit-based browser
[ ] Chrome or other Chromium-based browser
[ ] Firefox
Comments on Perceivable
The contrast of the link text is too low.
The game uses colors (red and green) to distinguish classes. red and green are particularly bad since many people cannot distinguish them. Replace with circles and x symbols
The buttons are missing alt texts.
This image misses alt text.
With my window size, the chart goes off screen. Make sure the chart is responsive.
Operable
[X] If there are interactive elements in the article, they can be operated with a keyboard.
[X] If there are interactive elements in the article, there are textual instructions for how to use them or it's reasonable to assume that it's clear how to use them.
[X] When navigating over the article with a keyboard, the focus indicator is always visible.
[X] Interactions that work with a mouse also work on a touch screen (unless explicitly called out).
Comments on Operable
Looks good overall.
Understandable
[X] All charts have a title and a description.
[X] Changes in animated or interactive elements are easy to follow.
[X] All axes have clear labels (either explicit or implicitly given the context).
[X] There are legends for all charts that need them.
Comments on Understandable
No charts.
Robust
[X] All buttons use the button tag.
[X] Headings, paragraphs, and figures are tagged correctly.
Comments on Robust
Looks good.
Assistive
[X] The data density of all charts is appropriate. Use clustering or other data reduction techniques if elements compete for space but explain the method.
[X] Navigation and interaction feels intuitive with all interaction methods (mouse, keyboard, touch).
[X] All visually apparent features and relationships are described.
[ ] Formatting makes values human-readable. Use , or space to separate thousands. Align numbers to the right. Use the smallest, appropriate number of significant digits.
Comments on Assistive
Probably don't need that much accuracy (1% accuracy is probably enough).
Flexible
[ ] The article is readable on a phone.
[X] The article can be zoomed and font-sizes change appropriately. The layout of the page does not break when zooming in or changing the font size (e.g., using CMD + or CMD - on macOS).
[X] Long animations (if they exist) can be paused or stopped. Animations should be videos, not GIFs as they cannot be paused.
[X] Style and charts use a consistent and familiar design (fonts, colors, etc). Interaction defaults should be consistent for all interactive elements.
Comments on Flexible
The layout overall looks pretty broken on my phone. Try the article with different screen sizes.
Reviewed version
b0a22fb
Perceivable
Screen reader
Browser
Comments on Perceivable
The contrast of the link text is too low.
The game uses colors (red and green) to distinguish classes. red and green are particularly bad since many people cannot distinguish them. Replace with circles and x symbols
The buttons are missing alt texts.
This image misses alt text.
With my window size, the chart goes off screen. Make sure the chart is responsive.
Operable
Comments on Operable
Looks good overall.
Understandable
Comments on Understandable
No charts.
Robust
button
tag.Comments on Robust
Looks good.
Assistive
Comments on Assistive
Probably don't need that much accuracy (1% accuracy is probably enough).
Flexible
Comments on Flexible
The layout overall looks pretty broken on my phone. Try the article with different screen sizes.
ORCID
https://orcid.org/0000-0002-3110-1053