无障碍对比与企业标识准则 [英] Accessible contrast ratio vs. corporate identity guidelines
问题描述
在
我很同情与您一起，我为尝试同时满足A11Y准则和设计语言/品牌准则而付出了很多努力。这不是一场轻松或快速赢得胜利的战斗，但我为您为使网络更具包容性而付出的努力表示赞赏！
这个选项使我的团队的对话更加深入过去是允许最终用户选择他们需要或希望使用的网站版本。
他们是否想要高对比度的样式？
建立一个替换样式表的选项-并以不同的方法应用品牌颜色。
其他可能适合主题区域的问题：
您的用户是否想要放大或宽大的文本大小？
扩大的UI元素如何？
一组色盲的样式表如何？
TLDR： UI通常不是一种适合所有用户的尺寸，因此请考虑按单点方式定制可访问性产品。让消费者选择他们需要的东西！
希望这会有所帮助，让我知道情况如何！
Following up on a question asked here regarding contrast ratio requirements for WCAG AA, I'm trying to figure out the best solution for a conflict between WCAG guidelines and the corporate identity guidelines of the product I'm designing for.
Throughout the product's UI, the brand's primary color is mostly applied for buttons. The combination of light text with the brand's primary color results with insufficient contrast ratio. For achieving sufficient contrast, I tried darkening the button label text color or the background color of the button (see attached screenshot). However, changing the color of the brand won't be an acceptable solution for various reasons.
Apart from using dark text for button labels, how else could I achieve sufficient contrast ratio without modifying the brand's primary color?
I empathize with you, I've struggled many times with trying to meet A11Y guidelines and design language / brand guidelines at the same time. It's not a battle that's easily or quickly won, but I applaud you for working to make the web more inclusive!
An option that has pushed the conversation further for my team in the past was to allow the end-user to choose the version of the site that they need or wish to use.
Do they want high-contrast styling?
Build an option in to replace the stylesheets - and apply the brand colors in different methods.
Other questions that may fit in to the topic area:
Do your users want enlarged or generously spaced text sizes?
What about enlarged UI elements?
How about a colorblind set of stylesheets?
TLDR: UI's are most often not one size fits all, so think about tailoring accessibility offerings in an a-la-carte manner. Let the consumer choose what they need!
Hope this helps, let me know how it's going!
这篇关于无障碍对比与企业标识准则的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
