expressjs/expressjs.com

footer: kawaii button shrinking social icons below 400px

Aperta

#2456 aperta il 22 lug 2026

Vedi su GitHubGuida contributor
 (0 commenti) (0 reazioni) (0 assegnatari)CSS (2088 fork)batch import
a11y / accessibilitydesigngood first issuehelp wanted

Metriche repository

Star
 (5330 stelle)
Metriche merge PR
 (Merge medio 13g 7h) (43 PR mergiate in 30 g)

Descrizione

https://github.com/user-attachments/assets/bad6e6da-9a17-4bbb-a97b-56b8387dabd7

Accessibility (a11y) Guideline: Minimum Icon Size & Touch Target

  • Minimum Icon Dimensions (WCAG 2.5.8 - Target Size): Ensure interactive elements and their icons do not shrink below 16px (1em) on mobile devices or smaller viewports to maintain visual legibility and prevent layout collapse.
  • Touch Target Spacing: While visual icons may scale down to 16px to fit narrow screens (<400px), the interactive container/touch target must maintain an adequate hit area to assist users with motor impairments or touch interfaces.

Guida contributor

Direzione di ricerca
Investigare le media query CSS o i breakpoint che influenzano il footer per larghezze viewport inferiori a 400px. Assicurarsi che le icone social mantengano una dimensione minima di 16px e target touch adeguati.
Tech stack
csshtml
Dominio
frontendaccessibility
Tipo issue
Accessibilità
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
2
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
CSSResponsive Design
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
70