Skip to:

  1. Skip to Jira Navigation
  2. Skip to Side Navigation
  3. Skip to Main Content

Form field error messages are not accessible to screen readers

Description

Found on:

  • sign-in (message appears below submit button) - this need an aria-live attribute

  • add deck where errors are shown by colour and tooltip which are not accessible. Need an error message as well with an aria-live attribute

Identified <form>s:

Location

Raises Errors?

Requires Change

Fixed in

Tested

AddComment

Yes

Yes

SWIK-1645

AddDeck

Yes

Yes

SWIK-1645

AddReply

Yes

Yes

SWIK-1645

AttachQuestions/AttachSearchForm

No

No

AttachSubdeck/AttachSearchForm

No

No

ChangePassword

Yes

Yes

SWIK-1645

ChangePersonalData

Yes

Yes

SWIK-1645

Chat

No

No

ContactUs

Yes (SWAL)

Yes

SWIK-1645

Passed

ContentQuestionAdd

Yes, inline

Yes

ContentQuestionEdit

Yes, inline

Yes

DeckPropertiesEditor

Yes

Yes

SWIK-1645

UserGroups/Details

Yes (uses SWAL, check)

Yes - group name- in UserGroupPage

DownloadModal

No

EditDataSource

Yes

Yes

SWIK-1645

ExamList

No

No

GroupDetails

Yes inline

Yes (group name)|

LoginModal

Yes

Yes

SWIK-1645

PaintModal

No

ReportModal

Yes

Yes

SWIK-1645

ResetPassword

Yes

Yes

SWIK-1645

ReviseUser

Yes

Yes

SWIK-1645

SearchPanel

No

SelectInstanceModal

Yes

Yes

SWIK-1645

SlideEditLeftPanel (3x)

Yes

Yes (lots in Deck.js)

SSO

Yes

Yes

SWIK-1645

UploadMediaModal

Yes (uses SWAL, check)

No}

UserGroupEdit

Yes (uses SWAL, check)

Yes group name

UserLTIEdit

Yes (uses SWAL, check)

Yes key and service

UserRegistrationSocial

Yes

Yes

SWIK-1645

UserRegistration

Yes

Yes

SWIK-1645

Activity

Show:

Abi James December 22, 2018 at 4:06 PM

I have checked the upload media modal with a screen reader and the validation error messages are accessible so I will amend the table.

Former user December 21, 2018 at 7:31 PM

UploadMediaModal: The specified fields have been marked as required and have the HTML5 required attribute. The way the Modal is built necessitates some pulling apart to implement in-page validation error messages. Can you take a look and see if the current version is alright? If it needs in-page validation messages, then I can implement.

Former user December 20, 2018 at 4:39 PM

Abi, I've listed the affected and fixed forms in the description, so you can edit the table as well.

Anything marked in red needs attention from you or me. Would you please check anything in red that's marked 'No', 'Unsure', 'Check' etc. These are items where I need some more project insight.

If you think any forms need changing, put a 'yes' in the 'Requires Change' column for me.

Thanks

Abi James December 19, 2018 at 10:33 AM

Search for remaining forms ....
1. if field has required attribute ensure it is in the className
2. if required in the className check it also has required atrribute / aria-required
3. ensure error messages are accessible

Abi James December 19, 2018 at 10:31 AM

Completed:

  • add deck

  • log in

Done

Details

Assignee

Reporter

Labels

Priority

Parent

Who's Looking?

Open Who's Looking?

Created December 19, 2017 at 2:07 PM
Updated February 26, 2019 at 1:40 PM
Resolved February 26, 2019 at 1:40 PM
Who's Looking?