INTEF style. Accessibility issues and position problem.
Closed this issue · 0 comments
ignaciogros commented
Problems:
- AA: Check the color/background contrast.
- Menu link over the page title (long titles only, when there's no search bar).
- ¿Bigger line-height and letter-spacing for the "Easier to read" blocks in the UDL iDevice?
- BOBY background position: _intef_footer.png should be at the page bottom.
Solutions:
content.css
/* UDL iDevice */
.exe-udlContent-content-simplified{line-height:2.5em;letter-spacing:.15em;word-spacing:.15em}
.exe-udlContent-content-simplified p{margin:2em 0}
/* WCAG */
h3{color:#576F72}
.exe-figure, .exe-figure a{color:#6F6F6F}
.exe-tabs a{color:#005D78}
#packageLicense a{color:#FFEA92}
nav.css
/* WCAG */
#header-options a{color:#547276} /* _intef_menu.gif too */
.exe-client-search-result{background:#FFEA92}
/* Fix eXe 2.8 */
#nodeTitle{padding-right:85px}
.exe-search-bar #nodeTitle{padding-right:0}
@media all and (max-width: 768px) {
#nodeTitle{padding-right:0}
}
body{background:url(_intef_header.png) 50% 70px no-repeat,url(_intef_footer.png) center bottom no-repeat}