Handy Verkaufen (1 issues)

Handyankauf form inputs not using appropriate autocomplete values

Mobilfunk Netzausbau (1 issues)

Address input has autocomplete turned off

VIP Lieferung (1 issues)

Form inputs do not use autocomplete attributes

iPhone Erleben (1 issues)

Handyankauf form inputs not using appropriate autocomplete values
Accompanying Files
Observation Details

Autocompletion in address input is turned off and overwritten by aria-autocomplete="both". Input purpose cannot be identified programmatically this way. Input marked up as follows:

<input
  data-coin-che6yj=""
  data-v-36713002=""
  class=""
  placeholder="Adresse oder Koordinate"
  maxlength="200"
  title="Suche nach Adressen und Koordinaten"
  aria-expanded="false"
  aria-labelledby="autocomplete-list"
  aria-autocomplete="both"
  aria-controls="autocomplete-list"
  autocomplete="off"
  role="combobox"
  data-qa="input-autocomplete_value"
/>

The aria-autocomplete attribute is not a valid replacement to the HTML autocomplete attribute, as accessibility support is basically non-existent for most operating system and screen reader combinations. See Accessibility Support – aria-autocomplete attribute for further information about accessibility support.

Remediation Notes

Ensure, turning on autocompletion for all input elements that ask for user data. In this case, a user's address. The autocomplete attribute's value must be mapped to one of the W3C – Input Purposes for User Interface Components. For further reference, see MDN – HTML attribute: autocomplete.

Full street addresses are usually set to multi-line input using autocomplete="street-address".

Observation Details

Form inputs in "Handyankauf" form Step 6 do not use appropriate autocomplete values.

  • "PLZ" → "new-password"

  • "Ort" → "new-password"

  • "Straße" → "new-password"

  • "Hausnr." → "new-password"

Some form inputs have autocomplete="off"

  • (Anrede) – not using semantic HTML input element

  • "Vorname"

  • "Nachname"

  • "E-Mail Adresse"

  • "IBAN"

Remediation Notes

Ensure, all form inputs, requiring user specific data input, turn on autocomplete functionality and set the autocomplete attribute to the appropriate values.

Refer to WCAG "Input Purposes for User Interface Components":

  • (Anrede): honorific-prefix

  • Vorname: given-name

  • Nachname: family-name

  • Straße: address-line1 (evaluate use of street-address for Straße & Hausnr.)

  • Hausnr.: address-line2 (evaluate use of street-address for Straße & Hausnr.)

  • PLZ: postal-code

  • Ort: address-level2

  • E-Mail-Adresse: email

  • IBAN: cc-number

Observation Details

All for inputs, asking for a user's personal data, must use accurate autocomplete attributes to allow for autocompletion of said user data.

Remediation Notes

Please refer to W3C – Input purposes for a list of all available input purposes. For the given form, the following autocomplete attribute values must be used:

  • Vorname – given-name

  • Nachname – family-name

  • Straße & Hausnummer – address-line1 (if split is necessary, split into address-line1 and address-line2

  • PLZ – postal-code

  • Ort – address-level2

  • E-Mail-Adresse – email

  • E-Mail-Adresse wiederholen – email

Observation Details

Form inputs in "Handyankauf" form Step 6 do not use appropriate autocomplete values.

  • "PLZ" → "new-password"

  • "Ort" → "new-password"

  • "Straße" → "new-password"

  • "Hausnr." → "new-password"

Some form inputs have autocomplete="off"

  • (Anrede) – not using semantic HTML input element

  • "Vorname"

  • "Nachname"

  • "E-Mail Adresse"

  • "IBAN"

Remediation Notes

Ensure, all form inputs, requiring user specific data input, turn on autocomplete functionality and set the autocomplete attribute to the appropriate values.

Refer to WCAG "Input Purposes for User Interface Components":

  • (Anrede): honorific-prefix

  • Vorname: given-name

  • Nachname: family-name

  • Straße: address-line1 (evaluate use of street-address for Straße & Hausnr.)

  • Hausnr.: address-line2 (evaluate use of street-address for Straße & Hausnr.)

  • PLZ: postal-code

  • Ort: address-level2

  • E-Mail-Adresse: email

  • IBAN: cc-number