Rullst AcademyRullst Academy/Lesson
Semantic HTML and accessibility · Lesson 08 / 10

Errors that help people continue

A good instruction explains what is missing and how to fix it without blaming the person.

Learning paths14 min

Let's discover together

  1. 1

    Required makes a field mandatory for native validation; maxlength limits accepted length. State rules in text before submission. Type="email" checks a basic format, but proves neither existence, ownership nor safety of an address.

  2. 2

    A button inside form may submit it when its type is omitted. Write type="submit" for submission and type="button" for a custom action. The workshop intercepts practice submission: it shows a local message after validation, without networking.

  3. 3

    Leave the invented alias empty and try the practice button. Then fill it in and compare. Native messages may use the browser language rather than the selected Rullst Academy language. They are not registration confirmations.

  4. 4

    A real application must validate on the server, minimize data and explain purposes and errors. HTML does not create a database or protect data by itself. The download includes demo.js only to prevent submission and show a practice result; JavaScript comes later.

HTML workshop: write, observe, review

Edit HTML in “My files and GitHub” and update the preview. It uses study elements and reading styles: scripts, custom CSS and external navigation are disabled. Only the kit’s route.svg is shown as an image.

Go to my HTML

These simple checks are neither complete HTML validation nor a WCAG audit. Review content, keyboard, zoom and assistive technologies; record what you have not tested.

Official links and next step

✦
YOUR MISSION

Try native validation and distinguish interface, submission and server validation.

Now it's your turn

Discovery workshop

Read, predict, try

The fictional alias is empty and has required. No registration service is connected.
Build your answers and check when you are ready.
A moment to understand

Does browser validation replace server validation?

I need a hint

Compare the intent with the meaning of the elements; appearance alone does not demonstrate accessibility.

Loading your journey…

Take it with you

Compare empty input, an invented alias and long text. Record results and rewrite an instruction to clarify the rule.

At your own pace

My files and GitHub

Every lesson can become your own record: code, notes or a practice plan. Saving a file to GitHub is optional and does not change your XP.

Student guide

The editor and downloads open when this lesson is available to your account. Check access below or return to the track map.

Checking your access to this lesson…

Rullstpetbot

AI can make mistakes. Check the lesson material.