opened
jeevananthank
username_0
## Describe the bug
Screen reader issues with attachment component in mobile
 1.  'Ferdig lastet' is not read.
 2.  Row and column numbers are read
 3.  Strangely placed header for 'slett vedlegg' column and it is read out (this is not read out in a desktop browser)

## To Reproduce
Steps to reproduce the behavior:
1. Login to SBL in a mobile browser and start an app instance that has attachment component
2. Upload an attachment and start a screen reader in the mobile device.
3. The issues mentioned in description are seen.

## Expected behavior
@username_1 can you check this and comment are the relevant issues to be fixed/expected results.

## Additional info
Env: TT02
App. ttd/apps-test
Browser: Chrome for iOS 83 and VoiceOver for iOS
Screen reader issues with attachment component in mobile
issue
created
Febakke
username_1
Retested with VoiceOver on Iphone 8.
1. The text "ferdig lastet" is removed when scaling down to a mobile view. But the check mark icon do have an aria label "Uploaded". This text should be read by the screen reader but instead I got "Umulig å uttale" This should be fixed!

2. I do agree that the way it works in desktop seems better, but I am sceptical to do something about it. I think it is safest to keep it as a simple table for now. You can reach every element with VoiceOver so I dont think there is an issue her.  

3. Im no expert, but I think there is a difference in how screen reader on desktop and mobile works. When you tab trough a form on a desktop you will only reach elements with functionality, but on a mobile you scroll trough everything. The delete button is in a column. Either we have to remove the delete button from the table or use aria hidden to hide from the screen reader. I dont think this is a big problem, the name of the column is not confusing.

Number one must be fixed, the others I dont think break the wcag guidelines. 
@username_2 Any input on this?
comment
created
lorang92
username_2
@username_1 think that's a good summary. Issue 1. should be fixed. I see that the checked icon should have the same aria-label as the text that is presented in the desktop view. Why this is not being read is not clear to me, but should be looked into.
comment
created
acn-sbuad
username_3
Point 1 prioritized into milestone 50/53. Extract into seperate issue (up for grabs, estimate: 1)
comment