[BITV] 9.3.3.2/0.1 - Note: "Placeholder" attributes are not a substitute for visual labels - they disappear as soon as users start entering data. (1)

[AndyScherzinger]

Details

https://report.bitvtest.de/default-en/d63601ac-cb34-4645-8256-66bec78964a0.html#checkpoint-9f92015c98-v0-n1

• [BITV] 9.3.3.2/2.1 - Modal dialog "Online status" - The input field "What is your status" has a label, but it is not available to visually impaired users due to the use of "hidden-visually." (1) #37083
• [BITV] 9.3.3.2/2.2 - Set location for weather - The input field "Set custom address" does not have a visible label, and adjacent elements do not explain the function. (1) #37084
• [BITV] 9.3.3.2/2.3 - Header / menus "Search" and "Search contacts" - Search input fields lack visual labels and there are no search buttons or symbols to help identify them as search fields. (9) #37085
• [BITV] 9.3.3.2/2.4 - Modal dialog Emois (called up in "Online status" dialog) - Search input field lacks visual label and there is no search button or symbol to help identify it as search field. (3) nextcloud-libraries/nextcloud-vue#3871
• [BITV] 9.3.3.2/3.2 - Modal dialog "Choose target folder" - The input field "New folder" lacks visual label and adjacent elements do not explain the function. (2) #37086
• [BITV] 9.3.3.2/3.3 - Comment section: The input fields for creating and editing comments lack visual labels. (2) #37087
• [BITV] 9.3.3.2/3.4 - Sharing menu: The "Note to recipient" input field does not have a visual label, it only has a placeholder element. (2) #37088
• [BITV] 9.3.3.2/3.5 - The "Collaborative tags" input field does not have a visual label, it only has a placeholder element. (2) #37089
• [BITV] 9.3.3.2/4.2 - Modal dialog "Create new album" - Neither of the input fields has a visual label, relying only on placeholders which are not sufficient replacements for actual visual labels. (1) photos#1685
• [BITV] 9.3.3.2/8.2 - The "Add group" input field does not have a visual label, it only has a placeholder element. (1) #37090

[AndyScherzinger]

@JuliaKirschenheuter @artonge @Pytal you sure this is "XS" ?

[JuliaKirschenheuter]

@JuliaKirschenheuter @artonge @Pytal you sure this is "XS" ?

I will change this ticket to "S" for now.

not sure but actually can be covered by nextcloud-libraries/nextcloud-vue#4394. All places have to be adjusted to new component.

[JuliaKirschenheuter]

Places to be replaced:

@Pytal

• [BITV] 9.3.3.2/3.4 - Sharing menu: The "Note to recipient" input field does not have a visual label, it only has a placeholder element. (2) #37088

• [BITV] 9.3.3.2/8.2 - The "Add group" input field does not have a visual label, it only has a placeholder element. (1) #37090

• Bump @nextcloud/vue to v8 beta 5 + add some visible labels #40084

@JuliaKirschenheuter

Done

• Replace custom input field with NcTextField #40043

• Adjust input field for "rename group" #40087

• Replace custom input field with NcTextField #40100

• Replace custom input field with NcTextField #40102

• Replace custom input field with NcTextField #40100

• [BITV] 9.3.3.2/2.3 - Header / menus "Search" and "Search contacts" - Search input fields lack visual labels and there are no search buttons or symbols to help identify them as search fields. (9) #37085

• [BITV] 9.3.3.2/2.3 - Header / menus "Search" and "Search contacts" - Search input fields lack visual labels and there are no search buttons or symbols to help identify them as search fields. (9) #37085

• Add label for input field and select and adjust styles #40548

• Add labels for input fields #40552

• Set visible label for input field #40643

@ShGKme

• fix(comments): move new comment instructions placeholder to description #40294

[JuliaKirschenheuter]

Changing ticket to "L"

@JuliaKirschenheuter @artonge @Pytal you sure this is "XS" ?

I will change this ticket to "S" for now.

[JuliaKirschenheuter]

everything what was known is done now