(Level AAA)
The visual presentation of text and images of text has a contrast ratio of at least 7:1, except for the following:
Large-scale text and images of large-scale text have a contrast ratio of at least 4.5:1;
Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.
Text that is part of a logo or brand name has no contrast requirement.
dt.sc {
float: left;
clear: left;
margin-right: 5px;
font-weight: bold;
padding-left: 20px;
background: url(https://www.davidmacd.com/images/list-item.png) no-repeat left center;
}
dd.sc {
margin-left: 0px;
}I put an unordered list around the definition list. It was a bit hacky but I'll leave it here in case its a useful for something.
(Level AAA)
The visual presentation of text and images of text has a contrast ratio of at least 7:1, except for the following:
Large-scale text and images of large-scale text have a contrast ratio of at least 4.5:1;
Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.
Text that is part of a logo or brand name has no contrast requirement.