Skip to content

feat: add teams page#174

Merged
francescarpi merged 6 commits into
mainfrom
feat/teams-page
May 10, 2026
Merged

feat: add teams page#174
francescarpi merged 6 commits into
mainfrom
feat/teams-page

Conversation

@francescarpi
Copy link
Copy Markdown
Collaborator

@francescarpi francescarpi commented May 10, 2026

Summary

  • Adds /teams page for all locales (/es/teams, /en/teams, /ca/teams) listing all organization teams in an accessible 2-column card grid (1 column on mobile)
  • Each card shows team name, description and a mailto: contact link
  • Adds nav menu entry in es/en/ca (Equipos / Teams / Equips) after the accommodation link
  • Includes team data markdown files (src/data/teams/)

Accessibility

  • role="list" on <ul> to restore list semantics stripped by Tailwind's list-none in Safari/VoiceOver
  • focus-visible outline on email links for keyboard navigation
  • aria-label on email links includes the team name for screen reader context
  • aria-labelledby on <section> elements linked to their headings
  • Correct heading hierarchy: h1 → hidden h2 (region label) → h3 (team names)

Test plan

  • Visit /es/teams, /en/teams, /ca/teams — all 11 team cards visible
  • Resize to mobile — cards collapse to 1 column
  • Click a contact email — opens mail client
  • Check nav menu in all 3 languages — link appears and navigates correctly
  • Tab through links with keyboard — focus outline visible on each email link

Fixes #88

Adds /teams route for all locales (es, en, ca) listing all organization teams with name, description and contact email. Includes nav menu links and WCAG-compliant markup (role="list", focus-visible, aria-label with team context, aria-labelledby on sections).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@francescarpi francescarpi self-assigned this May 10, 2026
Copy link
Copy Markdown
Collaborator

@ctrl-alt-d ctrl-alt-d left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • El diseño está muy bien!

  • Pensar si colapsamos el menú en un breakpoint más grande, adelantar el breakpoint del navbar:

Image
  • Hay un h2 que parece fake:
<h2 id="teams-list-heading" class="sr-only">Equips</h2>

Pensar si eliminar ese h2 y cambiar los h3 de nombres de equipos a h2.

francescarpi and others added 3 commits May 10, 2026 12:30
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@francescarpi francescarpi requested a review from ctrl-alt-d May 10, 2026 10:34
@francescarpi
Copy link
Copy Markdown
Collaborator Author

  • El diseño está muy bien!
  • Pensar si colapsamos el menú en un breakpoint más grande, adelantar el breakpoint del navbar:
Image * Hay un `h2` que parece fake:
<h2 id="teams-list-heading" class="sr-only">Equips</h2>

Pensar si eliminar ese h2 y cambiar los h3 de nombres de equipos a h2.

Gracias @ctrl-alt-d .

He hecho lo siguiente:

  • Movido sede, donde alojarse y equipos dentro de 'información', tal y como está en otras ediciones
  • Eliminado h2 y renombrado h1 a h2

Copy link
Copy Markdown
Collaborator

@ctrl-alt-d ctrl-alt-d left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Glups. Els lectors de pantalla tenen shortcuts per anar al h1. És comú navegar per headers. Si la pàgina no té h1 és molt confús:

Common Navigation Commands: Heading level 1 VO + Cmd + 1

@francescarpi
Copy link
Copy Markdown
Collaborator Author

francescarpi commented May 10, 2026

Uis, my fault @ctrl-alt-d ! Es que leí mail tus comentarios. Revertido el h1. Y el h3 pasado a h2.

@francescarpi francescarpi requested a review from ctrl-alt-d May 10, 2026 11:45
Copy link
Copy Markdown
Collaborator

@ctrl-alt-d ctrl-alt-d left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Awesome

@francescarpi francescarpi merged commit 91a7191 into main May 10, 2026
1 check passed
@francescarpi francescarpi deleted the feat/teams-page branch May 10, 2026 17:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Landing sobre el "equipo"

3 participants