Utforske navngiving for input-felt for å møte WCAG 1.3.5

[karinaldw]

Vi trenger helhetlig navngiving for inputfelt slik at nettleseren lett automatisk kan fylle ut for brukeren.

Se https://uu.difi.no/krav-og-regelverk/webdirektivet-og-wcag-21/wcag-21-standarden/135-identifiser-formal-med-inndata-niva-aa

@Lillebo vi må da ha med attribut autocomplete i våre skjemafelt. Legger du inn som default? Se https://html.com/attributes/input-autocomplete/, https://www.w3schools.com/tags/att_input_autocomplete.asp uu.difi.no: "I HTML brukes type-attributtet, men dette er ikke en tilstrekkelig måte å identifisere inndataformålet på.

For eksempel finnes input type="tel", input type="email", eller input type="password", men dette er uspesifikke kategorier for å beskrive hvilken type inndata det er snakk om, men ikke nødvendigvis formålet med inndataen. Input type="tel" gjelder alle telefonnummer, og sier ikke spesifikt om det er fasttelefon eller mobilnummer."

Gjelder:

• name - Full name
• honorific-prefix - Prefix or title (e.g., "Mr.", "Ms.", "Dr.", "Mlle")
• given-name - Given name (in some Western cultures, also known as the first name)
• additional-name - Additional names (in some Western cultures, also known as middle names, forenames other than the first name)
• family-name - Family name (in some Western cultures, also known as the last name or surname)
• honorific-suffix - Suffix (e.g., "Jr.", "B.Sc.", "MBASW", "II")
• nickname - Nickname, screen name, handle: a typically short name used instead of the full name
• organization-title - Job title (e.g., "Software Engineer", "Senior Vice President", "Deputy Managing Director")
• username - A username
• new-password - A new password (e.g., when creating an account or changing a password)
• current-password - The current password for the account identified by the username field (e.g., when logging in)
• organization - Company name corresponding to the person, address, or contact information in the other fields associated with this field
• street-address - Street address (multiple lines, newlines preserved)
• address-line1 - Street address (one line per field, line 1)
• address-line2 - Street address (one line per field, line 2)
• address-line3 - Street address (one line per field, line 3)
• address-level4 - The most fine-grained administrative level, in addresses with four administrative levels
• address-level3 - The third administrative level, in addresses with three or more administrative levels
• address-level2 - The second administrative level, in addresses with two or more administrative levels; in the countries with two administrative levels, this would typically be the city, town, village, or other locality within which the relevant street address is found
• address-level1 - The broadest administrative level in the address, i.e., the province within which the locality is found; for example, in the US, this would be the state; in Switzerland it would be the canton; in the UK, the post town
• country - Country code
• country-name - Country name
• postal-code - Postal code, post code, ZIP code, CEDEX code (if CEDEX, append "CEDEX", and the dissement, if relevant, to the address-level2 field)
• cc-name - Full name as given on the payment instrument
• cc-given-name - Given name as given on the payment instrument (in some Western cultures, also known as the first name)
• cc-additional-name - Additional names given on the payment instrument (in some Western cultures, also known as middle names, forenames other than the first name)
• cc-family-name - Family name given on the payment instrument (in some Western cultures, also known as the last name or surname)
• cc-number - Code identifying the payment instrument (e.g., the credit card number)
• cc-exp - Expiration date of the payment instrument
• cc-exp-month - Month component of the expiration date of the payment instrument
• cc-exp-year - Year component of the expiration date of the payment instrument
• cc-csc - Security code for the payment instrument (also known as the card security code (CSC), card validation code (CVC), card verification value (CVV), signature panel code (SPC), credit card ID (CCID), etc)
• cc-type - Type of payment instrument
• transaction-currency - The currency that the user would prefer the transaction to use
• transaction-amount - The amount that the user would like for the transaction (e.g., when entering a bid or sale price)
• language - Preferred language
• bday - Birthday
• bday-day - Day component of birthday
• bday-month - Month component of birthday
• bday-year - Year component of birthday
• sex - Gender identity (e.g., Female, Fa’afafine)
• url - Home page or other Web page corresponding to the company, person, address, or contact information in the other fields associated with this field
• photo - Photograph, icon, or other image corresponding to the company, person, address, or contact information in the other fields associated with this field
• tel - Full telephone number, including country code
• tel-country-code - Country code component of the telephone number
• tel-national - Telephone number without the county code component, with a country-internal prefix applied if applicable
• tel-area-code - Area code component of the telephone number, with a country-internal prefix applied if applicable
• tel-local - Telephone number without the country code and area code components
• tel-local-prefix - First part of the component of the telephone number that follows the area code, when that component is split into two components
• tel-local-suffix - Second part of the component of the telephone number that follows the area code, when that component is split into two components
• tel-extension - Telephone number internal extension code
• email - E-mail address
• impp - URL representing an instant messaging protocol endpoint (for example, "aim:goim?screenname=example" or "xmpp:fred@example.net")
• fødselsnummer

Vi må undersøke hvordan disse feltene heter på nav.no og andre norske sider.

[karinaldw]

Flytoget: email, password, phoneNumber Gjensidige: username/userid, password Aftenposten: email, password NRK: username, password Staples: EmailAddress, Password XXL: firstName, lastName, email, pwd Anton Sport: phoneNumber, email, password Sats: firstName, lastName, adress, zipCode, email Sound1: company, company_number, firstname, lastname, telephone, email_adress2, password2, street_address, postcode, city Komplett Apotek: name, AddressLinje1, postcode, city, email, password

[karinaldw]

Har ikke fått noe tilbakemelding fra utviklerne internt om hvilke type felt som brukes hos oss. Alt pålogging skjer uansett gjennom ID-porten. Nesten alle skjemaer krever pålogging.

Det jeg ser vi bruker er: https://www.nav.no/soknader/nb/person/familie/kontantstotte/NAV%2034-00.08/brev

• fodselsnummer
• adresse.navn (kanskje bedre med bare navn?)
• adresse.adresse
• adresse.postnummer
• adresse.sted (poststed)
• adresse.land

Vi bør også ha:

• email
• tel

Usikker når det gjelder adress- og land-kodene.

Bør legges inn i inputkomponenten, sammen med autocomplete-attributet. @Lillebo