{"ancestors":[{"id":"111959084096541859","created_at":"2024-02-19T16:27:27.862Z","in_reply_to_id":null,"in_reply_to_account_id":null,"sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/matthiasott/statuses/111959084096541859","url":"https://mastodon.social/@matthiasott/111959084096541859","replies_count":5,"reblogs_count":1,"favourites_count":11,"quotes_count":0,"edited_at":null,"content":"<p>There is a lot of conflicting information out there when it comes to the best text to background contrast ratio for optimal accessibility. Generally, higher contrast is better, of course, but for people with dyslexia, a too bright background (e.g. black text on white) can also appear dazzling and thus harder to read.</p><p>Do you know of any reliable and “quotable” resources on this topic?</p><p><a href=\"https://mastodon.social/tags/a11y\" class=\"mention hashtag\" rel=\"tag\">#<span>a11y</span></a> <a href=\"https://mastodon.social/tags/typography\" class=\"mention hashtag\" rel=\"tag\">#<span>typography</span></a> <a href=\"https://mastodon.social/tags/color\" class=\"mention hashtag\" rel=\"tag\">#<span>color</span></a></p>","reblog":null,"application":{"name":"Web","website":null},"account":{"id":"7423","username":"matthiasott","acct":"matthiasott","display_name":"Matthias Ott","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2016-11-01T00:00:00.000Z","note":"<p>Independent user experience designer and web design engineer, teacher, speaker. Interface Prototyping at Muthesius University of Fine Arts and Design. UX and web design engineering workshops. <a href=\"https://mastodon.social/tags/searchable\" class=\"mention hashtag\" rel=\"tag\">#<span>searchable</span></a> 🇪🇺🌍<br />Newsletter: <a href=\"https://matthiasott.com/newsletter\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">matthiasott.com/newsletter</span><span class=\"invisible\"></span></a><br /> <a href=\"https://matthiasott.com\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">matthiasott.com</span><span class=\"invisible\"></span></a></p>","url":"https://mastodon.social/@matthiasott","uri":"https://mastodon.social/users/matthiasott","avatar":"https://files.mastodon.social/accounts/avatars/000/007/423/original/c8168133c9e44c46.png","avatar_static":"https://files.mastodon.social/accounts/avatars/000/007/423/original/c8168133c9e44c46.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/000/007/423/original/06481b9eea783215.jpg","header_static":"https://files.mastodon.social/accounts/headers/000/007/423/original/06481b9eea783215.jpg","header_description":"","followers_count":4273,"following_count":726,"statuses_count":7057,"last_status_at":"2026-04-20","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"emojis":[],"roles":[],"fields":[{"name":"Website","value":"<a href=\"https://matthiasott.com\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">matthiasott.com</span><span class=\"invisible\"></span></a>","verified_at":"2022-11-10T13:05:35.588+00:00"},{"name":"Own Your Web Newsletter","value":"<a href=\"https://matthiasott.com/newsletter\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">matthiasott.com/newsletter</span><span class=\"invisible\"></span></a>","verified_at":"2024-10-12T12:05:56.909+00:00"},{"name":"GitHub","value":"<a href=\"https://github.com/matthiasott/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">github.com/matthiasott/</span><span class=\"invisible\"></span></a>","verified_at":null},{"name":"CodePen","value":"<a href=\"https://www.codepen.io/matthiasott\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">codepen.io/matthiasott</span><span class=\"invisible\"></span></a>","verified_at":"2022-12-20T21:35:42.759+00:00"}]},"media_attachments":[],"mentions":[],"tags":[{"name":"a11y","url":"https://mastodon.social/tags/a11y"},{"name":"typography","url":"https://mastodon.social/tags/typography"},{"name":"color","url":"https://mastodon.social/tags/color"}],"emojis":[],"tagged_collections":[],"quote":null,"card":null,"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}},{"id":"111959120790891580","created_at":"2024-02-19T16:36:47.000Z","in_reply_to_id":"111959084096541859","in_reply_to_account_id":"7423","sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://yatil.social/users/yatil/statuses/111959120754465203","url":"https://yatil.social/@yatil/111959120754465203","replies_count":1,"reblogs_count":0,"favourites_count":1,"quotes_count":0,"edited_at":null,"content":"<p><span class=\"h-card\" translate=\"no\"><a href=\"https://mastodon.social/@matthiasott\" class=\"u-url mention\" rel=\"nofollow noopener\" target=\"_blank\">@<span>matthiasott</span></a></span> Quote this: There is no “optimal color contrast”. </p><p>Minimum contrast ratios attempt to make text easier to read for the many people who struggle with low-contrast text. But over those minimums, it depends a lot on the user but also on the specific color combination. Having an absolute “optimal” is not possible.</p><p>As a best practice guide, I usually recommend to use a combination that is in a 5:1 to 15:1 ratio, but some colors can go till 18:1.</p>","reblog":null,"account":{"id":"110079608034194423","username":"yatil","acct":"yatil@yatil.social","display_name":"Eric Eggert","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2023-03-24T00:00:00.000Z","note":"<p>he/him/his</p><p>Covid Competent Accessibility Advocado</p><p><a href=\"http://yatil.net\" rel=\"nofollow noopener\" translate=\"no\" target=\"_blank\"><span class=\"invisible\">http://</span><span class=\"\">yatil.net</span><span class=\"invisible\"></span></a></p><p>Outline Consulting · Axess Lab<br>formerly: Knowbility, W3C/WAI</p><p>Views are my own. </p><p>Ⓥ he/him/his</p><p><a href=\"https://yatil.social/tags/accessibility\" class=\"mention hashtag\" rel=\"nofollow noopener\" target=\"_blank\">#<span>accessibility</span></a> <a href=\"https://yatil.social/tags/a11y\" class=\"mention hashtag\" rel=\"nofollow noopener\" target=\"_blank\">#<span>a11y</span></a> <a href=\"https://yatil.social/tags/covidIsNotOver\" class=\"mention hashtag\" rel=\"nofollow noopener\" target=\"_blank\">#<span>covidIsNotOver</span></a> <a href=\"https://yatil.social/tags/MaskUp\" class=\"mention hashtag\" rel=\"nofollow noopener\" target=\"_blank\">#<span>MaskUp</span></a> <a href=\"https://yatil.social/tags/humanrights\" class=\"mention hashtag\" rel=\"nofollow noopener\" target=\"_blank\">#<span>humanrights</span></a> <a href=\"https://yatil.social/tags/germany\" class=\"mention hashtag\" rel=\"nofollow noopener\" target=\"_blank\">#<span>germany</span></a> <a href=\"https://yatil.social/tags/webdev\" class=\"mention hashtag\" rel=\"nofollow noopener\" target=\"_blank\">#<span>webdev</span></a> <a href=\"https://yatil.social/tags/design\" class=\"mention hashtag\" rel=\"nofollow noopener\" target=\"_blank\">#<span>design</span></a> <a href=\"https://yatil.social/tags/typography\" class=\"mention hashtag\" rel=\"nofollow noopener\" target=\"_blank\">#<span>typography</span></a></p>","url":"https://yatil.social/@yatil","uri":"https://yatil.social/users/yatil","avatar":"https://files.mastodon.social/cache/accounts/avatars/110/079/608/034/194/423/original/1aa447eb15583ba5.jpeg","avatar_static":"https://files.mastodon.social/cache/accounts/avatars/110/079/608/034/194/423/original/1aa447eb15583ba5.jpeg","avatar_description":"","header":"https://files.mastodon.social/cache/accounts/headers/110/079/608/034/194/423/original/401c7af737c72a3f.jpeg","header_static":"https://files.mastodon.social/cache/accounts/headers/110/079/608/034/194/423/original/401c7af737c72a3f.jpeg","header_description":"","followers_count":2047,"following_count":1042,"statuses_count":12625,"last_status_at":"2026-04-20","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"emojis":[],"fields":[{"name":"Web/Blog","value":"<a href=\"https://yatil.net\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">yatil.net</span><span class=\"invisible\"></span></a>","verified_at":"2026-04-20T10:10:38.497+00:00"},{"name":"YouTube","value":"<a href=\"https://youtube.com/yatil\" rel=\"nofollow noopener\" translate=\"no\" target=\"_blank\"><span class=\"invisible\">https://</span><span class=\"\">youtube.com/yatil</span><span class=\"invisible\"></span></a>","verified_at":null},{"name":"GitHub","value":"<a href=\"https://github.com/yatil\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">github.com/yatil</span><span class=\"invisible\"></span></a>","verified_at":"2026-04-20T10:10:40.887+00:00"},{"name":"Vernissage","value":"<a href=\"https://vernissage.photos/@yatil\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">vernissage.photos/@yatil</span><span class=\"invisible\"></span></a>","verified_at":"2026-04-20T10:10:41.527+00:00"}]},"media_attachments":[],"mentions":[{"id":"7423","username":"matthiasott","url":"https://mastodon.social/@matthiasott","acct":"matthiasott"}],"tags":[],"emojis":[],"tagged_collections":[],"quote":null,"card":null,"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}}],"descendants":[{"id":"111959141600159195","created_at":"2024-02-19T16:42:05.296Z","in_reply_to_id":"111959137647520494","in_reply_to_account_id":"110079608034194423","sensitive":false,"spoiler_text":"","visibility":"public","language":"en","uri":"https://mastodon.social/users/matthiasott/statuses/111959141600159195","url":"https://mastodon.social/@matthiasott/111959141600159195","replies_count":0,"reblogs_count":0,"favourites_count":0,"quotes_count":0,"edited_at":null,"content":"<p><span class=\"h-card\" translate=\"no\"><a href=\"https://yatil.social/@yatil\" class=\"u-url mention\">@<span>yatil</span></a></span> And yes, it depends on the (perceived) color as well, very important point!</p>","reblog":null,"application":{"name":"Web","website":null},"account":{"id":"7423","username":"matthiasott","acct":"matthiasott","display_name":"Matthias Ott","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2016-11-01T00:00:00.000Z","note":"<p>Independent user experience designer and web design engineer, teacher, speaker. Interface Prototyping at Muthesius University of Fine Arts and Design. UX and web design engineering workshops. <a href=\"https://mastodon.social/tags/searchable\" class=\"mention hashtag\" rel=\"tag\">#<span>searchable</span></a> 🇪🇺🌍<br />Newsletter: <a href=\"https://matthiasott.com/newsletter\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">matthiasott.com/newsletter</span><span class=\"invisible\"></span></a><br /> <a href=\"https://matthiasott.com\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">matthiasott.com</span><span class=\"invisible\"></span></a></p>","url":"https://mastodon.social/@matthiasott","uri":"https://mastodon.social/users/matthiasott","avatar":"https://files.mastodon.social/accounts/avatars/000/007/423/original/c8168133c9e44c46.png","avatar_static":"https://files.mastodon.social/accounts/avatars/000/007/423/original/c8168133c9e44c46.png","avatar_description":"","header":"https://files.mastodon.social/accounts/headers/000/007/423/original/06481b9eea783215.jpg","header_static":"https://files.mastodon.social/accounts/headers/000/007/423/original/06481b9eea783215.jpg","header_description":"","followers_count":4273,"following_count":726,"statuses_count":7057,"last_status_at":"2026-04-20","hide_collections":false,"show_media":true,"show_media_replies":true,"show_featured":true,"noindex":false,"emojis":[],"roles":[],"fields":[{"name":"Website","value":"<a href=\"https://matthiasott.com\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">matthiasott.com</span><span class=\"invisible\"></span></a>","verified_at":"2022-11-10T13:05:35.588+00:00"},{"name":"Own Your Web Newsletter","value":"<a href=\"https://matthiasott.com/newsletter\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">matthiasott.com/newsletter</span><span class=\"invisible\"></span></a>","verified_at":"2024-10-12T12:05:56.909+00:00"},{"name":"GitHub","value":"<a href=\"https://github.com/matthiasott/\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://</span><span class=\"\">github.com/matthiasott/</span><span class=\"invisible\"></span></a>","verified_at":null},{"name":"CodePen","value":"<a href=\"https://www.codepen.io/matthiasott\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"><span class=\"invisible\">https://www.</span><span class=\"\">codepen.io/matthiasott</span><span class=\"invisible\"></span></a>","verified_at":"2022-12-20T21:35:42.759+00:00"}]},"media_attachments":[],"mentions":[{"id":"110079608034194423","username":"yatil","url":"https://yatil.social/@yatil","acct":"yatil@yatil.social"}],"tags":[],"emojis":[],"tagged_collections":[],"quote":null,"card":null,"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}}]}