====== Data Tables, Dyslexia and Dyscalculia ====== People with dyslexia may have trouble with densely packed text. Allowing these users to adjust fonts, letter spacing, line height, and background color can be helpful. The user’s preference should also override any tilted or rotated text. Browser preferences do not have enough options to support this group, so we need to provide on-screen controls as part of a user’s individual preferences. For situations where people will need to compare numbers in a column, use tabular lining numerals to keep the numbers proportional without changing the font to a monospace style. Using the slashed zero font variant can help distinguish zeroes from the capital letter O. ===== Dyslexia References ===== * [[https://www.bdadyslexia.org.uk/advice/employers/creating-a-dyslexia-friendly-workplace/dyslexia-friendly-style-guide|Dyslexia friendly style guide - British Dyslexia Association]] * [[https://www.smashingmagazine.com/2021/11/dyslexia-friendly-mode-website/|Adding A Dyslexia-Friendly Mode To A Website — Smashing Magazine]] ===== Dyscalculia References ===== * [[https://designnotes.blog.gov.uk/2022/11/28/designing-for-people-with-dyscalculia-and-low-numeracy/|Designing for people with dyscalculia and low numeracy]] * [[https://alistapart.com/article/web-typography-tables/#section7|Using tabular lining numerals in tables of numbers]] * [[https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric|font-variant-numeric]] at MDN covers tabular, lining, and slashed zero numerals * [[https://www.tpgi.com/making-numbers-in-web-content-accessible/|Making Numbers in Web Content Accessible]]