Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Heading structuur van een meerstappenformulier #61

Open
jeffreylauwers opened this issue Mar 27, 2024 · 6 comments
Open

Heading structuur van een meerstappenformulier #61

jeffreylauwers opened this issue Mar 27, 2024 · 6 comments

Comments

@jeffreylauwers
Copy link

Ik heb een vraag over de heading structuur van een meerstappenformulier.

Op dit moment hebben we een template ontworpen waar we het volgende aanhouden qua headings.

  • H1: Titel van het gehele formulier
  • H2: Stap 1 van 4: Titel van betreffende stap
  • Daarna volgt het formulier.

In de <title> binnen de van de pagina zouden we het volgende opnemen: “Stap 1 van 4: Titel van betreffende stap - Titel van het gehele formulier - Naam organisatie”.

Dit betekent dat de H1 in elke stap hetzelfde is, dus de naam van het formulier. De H2 en het<title> -element geven duidelijk aan welke stap het is en wat in die stap er wordt uitgevraagd.

Hoe denken jullie hierover?

Relevante succes criteria:
https://www.w3.org/WAI/WCAG22/Understanding/page-titled.html
https://www.w3.org/WAI/WCAG22/Understanding/headings-and-labels.html

Screenshot van het ontwerp.

@Veyfeyken
Copy link

Prima. Waarom denk je dat hier iets mis mee is? Omdat je meerdere pagina's met dezelfde H1 hebt?

@Aircl0wn
Copy link

Ik zie hier ook geen probleem in.

Het is voor de gebruikers duidelijk dat ze vanaf het begin in een proces komen en hoeveel stappen dit heeft. De titel laat duidelijk zien dat ze nog steeds in dit proces zitten. Niet in beeld, maar ik vermoed dat er ook een "Ga naar stap 2" knop oid is.

@julezrulez
Copy link

Het is een proces waar, als je iemand de link toestuurt, die waarschijnlijk nooit rechtstreeks naar een stap groter dan 1 kan sturen omdat de voorgaande velden eerst ingevuld moeten worden. Dus zie ik ook geen probleem om dezelfde kop aan te houden.

@rianrietveld
Copy link
Member

rianrietveld commented Mar 27, 2024

Het is goed als bij een meerstappenformulier de H1 bij elke stap hetzelfde is en de H2 info bevat over waar je bent in het proces en het onderwerp van de betreffende stap.
We hebben consensus?
Mee eens: 👍
Niet mee eens: 👎

@jeffreylauwers
Copy link
Author

Prima. Waarom denk je dat hier iets mis mee is? Omdat je meerdere pagina's met dezelfde H1 hebt?

Ja precies. En dat hoopte ik dus af te vangen met de 'unieke' H2 en een combinatie in de title.

@jeffreylauwers
Copy link
Author

Ik zie hier ook geen probleem in.

Het is voor de gebruikers duidelijk dat ze vanaf het begin in een proces komen en hoeveel stappen dit heeft. De titel laat duidelijk zien dat ze nog steeds in dit proces zitten. Niet in beeld, maar ik vermoed dat er ook een "Ga naar stap 2" knop oid is.

Dank. Ja een knop met 'Volgende stap' of zelfs iets als 'Volgende stap: Uw gegevens' zou dan onderaan staan.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

5 participants