While this is still a work in progress, we are pleased to present as pre-release: ARC: The APCA Readability Criterion. #a11y #accessible #color #colour #Webdesign #typography #Website #UI #ux readtech.org/ARC/guidelines/
Quick dark mode exploration using the accessible color palette editor I'm working on. 😄 The colors pass WCAG and APCA contrast checks. I'll link to the palette editor below if you want to try and have any feedback! 🧵 #accessibility #a11y
🌈 Generate accessible colour combinations ✅ APCA ✅ WCAG 2.1 Link below 👇 #accessibility #a11y #ux
Thank you to Pablo Stanley and the team at Sketch Together for having me as a guest on their show this morning! We discussed the importance of accessibility in visual design, best practices for contrast and color, and much more in Q&A! #a11y #accessibility youtube.com/live/eKIEQjfSt…
youtube.com
YouTube
Boost Your UI with APCA: The Color Accessibility Upgrade Over WCAG 3
Green makes up the vast majority of luminance. I.e. white is 71% green. (Red 22%, blue 7%). Implication: saturated greens should often be the brightest color, and saturated reds and blues should usually be the darkest of a pair.
🔥 New blog post! 🔥 “On compliance vs readability: Generating text colors with CSS” lea.verou.me/blog/2024/cont… This post uses Relative Colors in a creative way, to solve a big CSS pain point: automatically computing a text color that is legible on an arbitrary background.…
Like WCAG 2 contrast, L* overvalues darker colors, and undervalues lighter ones. Remember it is based on diffuse reflecting tiles, in a very controlled environment for adaptation (Munsell), where nothing can be 100 (there is no real-world, perfect, lambertian reflector.)
Ignore the results of WCAG 2 for dark colors. WCAG 2 is not accurate, especially when BG is darker than #ccc. #88b971 is equivalent to #acacac, close to perceptual middle #a0a0a0. #88b971 is too dark for columns of body text—okay for buttons when used with a bold enough font.
Great demo of additive and subtractive color with this video by Peter on his TikTok ! @color_nerd #color #colour #TikTok tiktok.com/t/ZTLrUsQoe/
Designing for accessibility is good business policy. #a11y #accessibility #TikTok tiktok.com/t/ZTLr7Qc1b/
Using a contrast checker? Stop using WCAG 2. Switch to APCA.
Question authority. No idea is true just because someone says so. Test ideas by the evidence gained from observation and experiment! If a favorite idea fails a well-designed test, it's wrong!
What a fantastic interview with @MyndexResearch and @caoimghgin about APCA, vision and design systems! A must-listen, in my opinion.
APCA is an algorithm that predicts lightness contrast of high spatial stimuli on a self-illuminated display. The guidelines are separate. APCA math is perfectly capable of backwards compatibility with WrongCAG2. It’s about guidelines for supporting backwards compatibility+++
Great graph by @MyndexResearch: contrast depends on letter size in a very non-linear way. This is why we should use APCA metric for contrast instead of WCAG.
Use the new APCA (Advanced Perceptual Contrast Algorithm) method, it’s in public beta myndex.com/APCA/
Do standards and guidelines lag emerging technology? Yes. Can this be helped? Also yes. A brief article posted on Linkedin: #a11y #Webdesign #WCAG #APCA #accessibility #Standards linkedin.com/posts/andrew-m…
linkedin.com
Once upon a time, our technology landscape appeared as idyllic orchards, where you could wait in...
Once upon a time, our technology landscape appeared as idyllic orchards, where you could wait in the sun for tree-ripened fruit to fall onto the green grass. That simple storybook-land has been...
My brief proposal for a 10bit-per-channel png file that is both backwards compatible and compression efficient. #png #webdevelopment #images #network #HDR #SDR #whereeverDR github.com/Myndex/10bit-p…
github.com
GitHub - Myndex/10bit-png: A proposal for a compression efficient 10bit variant of png
A proposal for a compression efficient 10bit variant of png - Myndex/10bit-png
Cool find of the day: Polychrom by @evilmartians A beautiful APCA Contrast Checker ✨ #figma #buildinpublic #uidesign
Some late night color adjustments for @primedesignkit. ✅ Figms variables (dark & light), ✅ Styles, ✅ Token names, ✅ APCA contrast It’s never too late (hour) to make some uplifts, if they are gonna make things right 💪 #uidesign #designsystem
If you like that, then you might like this slightly deeper dive, with lots of visual examples—it’s my favorite comprehensive article on color/contrast: smashingmagazine.com/2022/09/realit… #a11y #accessibility #color #webdev #Webdesign #colour #contrast #wcag #apca #en301 #usab508
United States 趋势
- 1. phil 44.7K posts
- 2. phan 61.6K posts
- 3. Columbus 201K posts
- 4. President Trump 1.23M posts
- 5. Middle East 304K posts
- 6. Yesavage 2,996 posts
- 7. Cam Talbot N/A
- 8. Thanksgiving 58.9K posts
- 9. #LGRW 1,903 posts
- 10. Titans 37.1K posts
- 11. #IndigenousPeoplesDay 16.6K posts
- 12. Brian Callahan 12.5K posts
- 13. Mike McCoy N/A
- 14. Macron 236K posts
- 15. HAZBINTOOZ 7,718 posts
- 16. Azzi 10.7K posts
- 17. Cejudo 1,482 posts
- 18. #UFC323 5,248 posts
- 19. Cape Verde 25.8K posts
- 20. Vrabel 6,848 posts
Something went wrong.
Something went wrong.