15 Glossary Terms in Textbox Headers (Color Contrast Ratio Remediation)
Used in Advanced Hindi
Glossary terms are black by default. However, textbox header backgrounds are dark colored, and the contrast is insufficient when the black glossary term text appears in a textbox header. This changes the text color to white, and a light gray when hovered/active. Also changes the dotted underline and border when active to their appropriate colors.
Custom Styles
/* makes glossary terms in textbox headers have a sufficient color contrast ratio */
header.textbox__header > * > a.glossary-term {
header.textbox__header > * > a.glossary-term {
color:white;
border-bottom: 1px dotted white;
}
header.textbox__header > * > a.glossary-term:hover, header.textbox__header > * > a.glossary-term:active {
color:#dbdbdb; /* light gray */
border-bottom: 1px dotted #dbdbdb;
}
