mirror of
https://codeberg.org/PostERG/xamxam.git
synced 2026-05-06 19:19:19 +02:00
Increase touch/click target sizes to meet WCAG 2.5.5 (minimum 44×44px for navigation, 32px for admin UI controls): - main.css / search.css: pagination buttons 2rem → min-height/min-width 2.75rem (44px). Changed display to inline-flex for proper centering. - admin.css: .admin-btn-sm gains min-height: 2rem (32px) and switches to inline-flex so the constraint is respected. - admin.css: .admin-btn-remove (jury ✕ buttons) gains min-height: 2rem and inline-flex display + explicit cursor:pointer. WCAG 2.5.3 label-in-name — jury remove buttons already had aria-label; wrap the visible ✕ glyph in <span aria-hidden='true'> so screen readers hear only the aria-label, not the symbol: - templates/partials/form/jury-fieldset.php: all three ✕ occurrences (static PHP blocks + JS-generated innerHTML string) wrapped. WCAG 4.1.2 / semantic HTML: - admin/index.php: add role='toolbar' aria-label='Actions groupées' to the bulk-actions bar.
CSS Architecture
File Structure
- variables.css - CSS custom properties (variables) for colors and theme values
- colors.css - Reference documentation of all color values used in the project
- common.css - Shared styles: reset, header/nav, search bar, accessibility utilities
- main.css - Home page styles
- admin.css - Admin section styles
- system.css - System page styles
- search.css - Search/Directory page styles
- apropos.css - About page styles
- tfe.css - Individual thesis page styles
- easymde.min.css - EasyMDE editor styles (minified, third-party)
- modern-normalize.min.css - Modern normalize reset (minified, third-party)
Imports
All CSS files automatically import variables.css to access CSS custom properties.
Variables
Shared Variables (public pages)
--purple,--purple-dark,--purple-light- Purple palette--black,--white- Base colors--grey-light- Light grey background--border-color- Border color--text-muted- Muted text color
Admin Variables
--admin-bg,--admin-bg-alt- Background colors--admin-border- Border color--admin-text,--admin-text-muted- Text colors--admin-purple- Accent color--admin-input-bg- Input background