Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

[workshop-playwright-qa] __root__: 1 QA finding(s) — brand

Chiusa Adatta ai principianti
  • Qualcosa non va?
#3,793 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 2 giorni

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
86/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
css
Ambito
design, frontend

Direzione di ricerca

Inizia in dist/docs.css, nella regola .markdown-body vicino alla riga 292, quindi esamina la pagina root generata e passaggi rappresentativi del Workshop su viewport delle dimensioni di un desktop. Esegui nuovamente i controlli Workshop Playwright QA dopo la modifica; il lavoro è concluso quando le colonne di lettura della prosa non sono più larghe di 760px, mentre i controlli segnalati di navigazione, accessibilità e contenuti più larghi continuano a passare.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

accessibility bug

QA findings for __root__

Tested at: 2026-09-24T19:48:00Z
Viewports: small (360×800), medium (768×1024), desktop (1280×800), wide (1440×900), full-hd (1920×1080)

Automated Playwright QA per the /github-brand skill's acceptance profile tested navigation, readability,
accessibility, and brand alignment across the root page and five representative workshop steps
(00-welcome, 01-prerequisites, 07-your-first-workflow, 16-connect-data-source, README) at all
five configured viewports.

Navigation, readability, and accessibility checks (console/JS errors, <details> anchor targets,
.markdown-body visibility, body font size ≥16px, horizontal overflow, page titles, code-block
overflow, image alt text, interactive element accessible names, single visible <h1>, heading
hierarchy) all passed with no issues detected.

One brand-alignment issue was confirmed after ruling out contrast/gutter false positives from an
initial automated pass (re-verified with corrected alpha-compositing and fresh navigation, which
showed contrast ratios and gutters were actually compliant):

# Viewport Category Description
1 desktop / wide / full-hd brand The .markdown-body reading column renders at ~1172–1184px wide (measured via <p>/<li> bounding boxes) on viewports ≥1024px, far exceeding the brand skill's 760px maximum reading-column width. The container has max-width: 1300px in dist/docs.css (.markdown-body rule, line ~292) with no narrower max-width applied to text-flow elements. This affects the root landing page and, structurally, all workshop step pages sharing the same CSS.
Suggested correction

Constrain the text-flow content (paragraphs, list items, and similar prose elements) inside
.markdown-body to a max-width of 760px on viewports ≥1024px (or apply a 760px cap directly to
.markdown-body while allowing wider elements such as code blocks/tables to remain full width via an
explicit override), improving line-length readability per the brand skill's guidance.

Screenshots

Finding 1 — reading column exceeds 760px at desktop viewport

[!WARNING]

Firewall blocked 6 domains

The following domains were blocked by the firewall during workflow execution:

  • accounts.google.com
  • android.clients.google.com
  • clients2.google.com
  • update.googleapis.com
  • www.google.com
  • www.gstatic.com

To allow these domains, add them to the network.allowed list in your workflow frontmatter:

network:
  allowed:
    - defaults
    - "accounts.google.com"
    - "android.clients.google.com"
    - "clients2.google.com"
    - "update.googleapis.com"
    - "www.google.com"
    - "www.gstatic.com"

See Network Configuration for more information.

Generated by 🎭 Workshop Playwright QA · copilot · auto · 97.7 AIC · ⌖ 4.99 AIC · ⊞ 8.9K · ◷

  • expires on Sep 25, 2026, 7:51 PM UTC
Lingua principale
JavaScript
Stelle
49
Fork
20
Merge medio
7h 22m
PR unite (30g)
33

Preparare l'ambiente

Non abbiamo ancora controllato i file di configurazione di questo progetto. Parti dal suo README e consulta la nostra guida al primo contributo per i passaggi generali.

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di githubnext/gh-aw-workshop

Tutte le issue di githubnext/gh-aw-workshop

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.