# Edukar Theme - Accessibility Improvements v1.0.7 ## Overview This version of the Edukar theme includes comprehensive accessibility improvements to meet WordPress.org theme submission requirements, including keyboard navigation support, skip links, link underlines, and focus indicators. ## Changes Made ### 1. Link Styling & Underlines **File:** `assets/css/style.css` - ✅ All links now have `text-decoration: underline` for clear visual distinction - ✅ Links maintain underline on hover for consistency - ✅ Removed conflicting `text-decoration: none` rules - ✅ Removed conflicting `outline: none` rules that were hiding focus indicators **Changes:** ```css a { text-decoration: underline; /* Previously: none */ } a:hover { text-decoration: underline; /* Previously: none */ } ``` ### 2. Keyboard Focus Indicators **File:** `assets/css/style.css` Added visible focus indicators for all interactive elements: - ✅ Links: `a:focus` with 3px blue outline - ✅ Buttons: `button:focus` with 3px blue outline - ✅ Form fields: `input:focus`, `textarea:focus`, `select:focus` - ✅ Form control class: `.form-control:focus` - ✅ Navigation menu: `.site-navbar.ms-auto ul li a:focus` **Standard Focus Style:** ```css outline: 3px solid #0066ff; outline-offset: 2px; ``` ### 3. Skip Links Implementation **Files:** - `header.php` - Updated with skip links - `assets/css/style.css` - Added skip link styles **Features:** - Skip links appear at the top of the page - Hidden visually but accessible to keyboard users and screen readers - Shows black bar with white text on first TAB press - Links to two main landmarks: - `#site-navigation` - Jump to main navigation menu - `#content` - Jump to main content area **CSS Classes:** ```css .skip-link { /* Hidden until focused */ } .skip-link:focus { /* Visible black bar */ } ``` ### 4. Navigation Accessibility **File:** `template-parts/headers/header-1.php` - ✅ Changed navigation from `
` to semantic `