The content managers simply found it was easier and quicker to find images that looked good within the site design, rather than to restrict themselves to the much smaller set of images that would be compliant. In a recent project of mine, we started with the first strategy and switched to the second.
Develop a design and system that enforces compliance technologically.Establish a process, and then train and trust key staff to comply.Regarding ensuring compliance on a site that will be maintained by others in a CMS, there are two basic strategies for dealing with this: (Ignore any comments in this Q&A that suggest this issue is a “no-brainer” - it is not - and make sure you get this right.)Īs adhering to Section 508 guidelines may help shield your company from liability, they are excellent guidelines to present to your stakeholders, regardless of whether your company is marketing towards users with vision disabilities. Better guidelines to followĪlthough I disagree with some of the conclusions you accepted from the article you quoted, you are correct to be concerned. Please note that American National Standards Institute’s document references above, ANSI-HFES-100-1988, has been superseded by ANSI/HFES 100-2007. The 4.5:1 ratio is used in this provision to account for the loss inĬontrast that results from moderately low visual acuity, congenital orĪcquired color deficiencies, or the loss of contrast sensitivity that ) from Web Content Accessibility Guidelines ( WCAG 2.0) published by the The World Wide Web Consortium (W3C).Ī contrast ratio of 3:1 is the minimum level recommended by Government are in accordance with those from the International Organization for Standardization (ISO), the American National Standards Institute (ANSI), and the current minimum contrast guidelines ( SC 1.4.3 Section 508 guidelines are based on globally accepted best practices of how text should look to accommodate readers with vision disabilities. If the text on your site complies with these guidelines, you can rest assured its readability is acceptable. The United States government has official tools to help you comply with Section 508 website usability standards. ( Ensure High Contrast for Text Over Images by: Aurora Bedford) When combining emotion-provoking imagery with informational text, ensure that the text is readable by creating a high-contrast ratio between the text and its background.
Text on image design how to#
Nielsen/Norman Group provides good guidance on how to place text over images while ensuring high enough contrast to ensure readability: Here is guidance from a few highly regarded organizations: Yes, there are guidelines for placing text over images However, there are several studies that seem to 'prove' that carousels are a bad idea, see Carousel Interaction Stats, Rotating Offers: The scourge of home page design, and The rise of the carousel.Īre there any empirical studies or authoritative resources (besides North) which support my argument? Are there any which contradict it?
There is a similar argument against using carousels. The problem with those quotes is that they don't provide any empirical evidence. Placing text over images should be avoided for variable length text as the combination of the two has a tendency to produce unexpected results and has a high likelihood of obscuring important parts of the image or overrunning and potentially covering the entire image if not well controlled. Large background images add a large amount of weight to a page for very little actual gain North, a set of standards and best practices have a section on Outdated Design patterns which is pretty clearly against this: I feel like building this feature will encourage people to use this pattern and I'm having trouble convincing other stakeholders that this is a bad idea. Reinforces the false assumption that everyone has a large screen.Inevitably leads to someone putting light text on a light image (or vice versa).I am of the strong opinion that this design pattern is problematic for several reasons:
I'm being pressured to build a feature that would make it easy for users to create web pages that feature large text over large images.
0 kommentar(er)
