expressjs/expressjs.com

footer: kawaii button shrinking social icons below 400px

Ouverte

#2 456 ouverte le 22 juil. 2026

Voir sur GitHubGuide contributeur
 (0 commentaire) (0 réaction) (0 personne assignée)CSS (2 088 forks)batch import
a11y / accessibilitydesigngood first issuehelp wanted

Métriques du dépôt

Stars
 (5 330 étoiles)
Métriques de merge PR
 (Merge moyen 13j 7h) (43 PRs mergées en 30 j)

Description

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.

Guide contributeur

Direction de recherche
Examinez les media queries CSS ou les points de rupture affectant le pied de page pour les largeurs de fenêtre inférieures à 400px. Assurez vous que les icônes sociales conservent une taille minimale de 16px et des cibles tactiles adéquates.
Stack technique
csshtml
Domaine
frontendaccessibility
Type d'issue
Accessibilité
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
CSSResponsive Design
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
70