Fix accessibility: Improve footer contrast and text visibility
- Add explicit white color and bold weight to footer navigation spans - Increase seasonal info opacity from 50% to 85% for better contrast - Ensures footer text meets WCAG accessibility standards - Improves readability for users with low vision
This commit is contained in:
@@ -42,6 +42,11 @@
|
|||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.footer-nav-link span {
|
||||||
|
color: #ffffff;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
/* Адаптивность для мобильных */
|
/* Адаптивность для мобильных */
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.footer-nav-links {
|
.footer-nav-links {
|
||||||
|
|||||||
@@ -80,7 +80,7 @@
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Seasonal Background Info -->
|
<!-- Seasonal Background Info -->
|
||||||
<div style="text-align: center; padding: 10px; font-size: 0.8em; color: rgba(255,255,255,0.5);">
|
<div style="text-align: center; padding: 10px; font-size: 0.8em; color: rgba(255,255,255,0.85);">
|
||||||
{{ partial "current-season.html" . }}
|
{{ partial "current-season.html" . }}
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|||||||
Reference in New Issue
Block a user