Files
xamxam/public/assets/css
Pontoporeia e1ce900113 a11y: WCAG 2.5.5 target sizes + 2.5.3 label-in-name fixes
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.
2026-04-06 15:32:41 +02:00
..
2026-04-06 15:32:34 +02:00
2026-04-06 15:32:34 +02:00

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