Section 508 Compliance Review Report. Attachment A - Access Florida Detailed Forms Review

Transcription

1 Section 508 Compliance Review Report Attachment A - Access Florida Detailed Forms Review

2 Benefits Home (Main page) 1

3 The Google Search form works correctly. The language links should have alt text "View this page in Espanol". The DCF logo doesn t need to state Clicking the graphic will It is acceptable to use, link to (item). The menus don t read across the menu bar, but follow unseen links on other pages. There is no means provided to get out of the long list when reading or tab navigating. This creates too many links on the page, which is cumbersome when reading with Assistive Technology. The controls for the scrolling messages work, but it isn't usable to read them on this page. The area of the page is not identified as scrolling text. Provide a description before the text and a means to skip past it to alternative equivalent text. The main graphical link to Apply for Benefits should either be separate links or provide one link associated with a description of the next page. No elements are in non-compliance with Section 508 guidelines. 2

4 Access Florida Notices The "Go to full article" link should be after the short text. In the links list these links only say "Go to full article". Many of the link description names are not descriptive and repetitive. The Sort (displaying) Search form technically works, but it's confusing. Could navigate to the All and Date/Time sort elements, but they did not keyboard activate. The form should have a go button or other function to activate the sort selections. There are no instructions to indicate how to use the controls and their descriptions are the name of the element. Suggestions: The sort form is at the end of the tab order and should be near the top. The Sort control links appear in the links list as All and Date/Time, which is not descriptive. 3

5 Helpful Links The graphical links need more concise descriptions. It is best to avoid acronyms in descriptions and use the full name if possible. Assistive Technology will try to pronounce the acronym as a word, which is confusing. No elements are in non-compliance with Section 508 guidelines. 4

6 Access Florida scrflhomepage It is not necessary to title descriptions of links as "Click on me." These can be a short description of the content for the link target. The link titles are not descriptive enough. It is not necessary to provide alt descriptions for images that don't convey content on the page. Therefore, the descriptions of the scrolling graphics at the top can be omitted. For instance, the description of the children graphic doesn't add value to the topic of Economic Self-sufficiency and could be omitted. The learn more graphic link should have a better title and description for this section. The Get Started Now table doesn t appear to have header tags. It doesn t read the title in tab navigation, but reads it as text in reading mode. The table identifies as more rows than it appears. Additionally, the graphics in the table read their names, which are the same or similar to the link title. Two of the graphics have the same name for different links. The Returning Users table doesn t have instructions to indicate what the user should do. The form reads correctly, but could confuse a user. 5

7 Forgot User ID/Forgot Password Forgotuser/ForgotPassword The Skip Navigation link description can be shortened to Skip to Main Content. Form fields work correctly. The Forgot Password forms read and the Next button reads correctly. Instructions are not provided to indicate that items with asterisks are required or all items on the page are required. Insufficient instructions are provided to remediate errors and ensure the user can successfully complete the form. (See notes above). No means provided to jump to the areas needed corrections. Instruction not provided on how to go to the next page. The Next button reads Next button, Image button, which is confusing and doesn t clearly indicate to use the Next button to proceed. (Both pages) 6

8 Welcome / Know your eligibility scrflaiewelcome Don t tag non-content graphics. Make link titles more concise. Don t use click in link titles. It s required to provide instructions for completing the form. Try to avoid using mouse and click regarding links and buttons, etc. Most Internet users understand they can click with their mouse, so it s considered better style writing and more concise to say, Use the button, link, etc Check the Next button title and alt text, so it just says, Next button. No elements are in non-compliance with Section 508 guidelines. 7

9 Eligibility form 1 - Your Home scrflaieyourhome Pages seem to double speak their titles when first entering the page. Each topic section should be its own heading for reading purposes and ease of navigation. Tables announce a different layout than the fields and titles on the page. This could confuse the user if they expect more rows than the table contains. Provide a context for the percent of progress. Instructions are not provided to indicate that items with asterisks are required or all items on the page are required. Items read star, but don t say that means required. Insufficient instructions are provided to remediate errors and ensure the user can successfully complete the form. The number of errors on the page is not clear in some cases. No means provided to jump to the areas needed corrections. Instruction not provided on how to go to the next page. The Next button reads Next button, Image button, which is confusing and doesn t clearly indicate to use the Next button to proceed. 8

10 Eligibility form 2 - other people aieotherpeople Pages seem to double speak their titles when first entering the page. Each topic section should be its own heading for reading purposes and ease of navigation. Tables announce a different layout than the fields and titles on the page. This could confuse the user if they expect more rows than the table contains. Provide a context for the percent of progress. Instructions are not provided to indicate that items with asterisks are required or all items on the page are required. Items read star, but don t say that means required. Insufficient instructions are provided to remediate errors and ensure the user can successfully complete the form. The number of errors on the page is not clear in some cases. No means provided to jump to the areas needed corrections. Instruction not provided on how to go to the next page. The Next button reads Next button, Image button, which is confusing and doesn t clearly indicate to use the Next button to proceed. Taxes radio button doesn t change selection with up/down arrow on Tab navigation. 9

11 Eligibility form 3 - people in home scrflaieindividualdemographicsform Pages seem to double speak their titles when first entering the page. Each topic section should be its own heading for reading purposes and ease of navigation. Tables announce a different layout than the fields and titles on the page. This could confuse the user if they expect more rows than the table contains. Provide a context for the percent of progress. Instructions are not provided to indicate that items with asterisks are required or all items on the page are required. Items read star, but don t say that means required. Insufficient instructions are provided to remediate errors and ensure the user can successfully complete the form. The number of errors on the page is not clear in some cases. No means provided to jump to the areas needed corrections. Instruction not provided on how to go to the next page. The Next button reads Next button, Image button, which is confusing and doesn t clearly indicate to use the Next button to proceed. Form Controls only read the label associated with the control, but not the required information. 10

12 Eligibility form 4 - nursing_medicare scrflaienursingmedicare Pages seem to double speak their titles when first entering the page. Each topic section should be its own heading for reading purposes and ease of navigation. Provide a context for the percent of progress. Instructions are not provided to indicate that items with asterisks are required or all items on the page are required. Items read star, but don t say that means required. Insufficient instructions are provided to remediate errors and ensure the user can successfully complete the form. The number of errors on the page is not clear in some cases. No means provided to jump to the areas needed corrections. Instruction not provided on how to go to the next page. The Next button reads Next button, Image button, which is confusing and doesn t clearly indicate to use the Next button to proceed. Form Controls only read the label associated with the control, but not the required information. 11

13 Eligibility form 5 - your money scrflaieyourmoney Pages seem to double speak their titles when first entering the page. Each topic section should be its own heading for reading purposes and ease of navigation. Tables announce a different layout than the fields and titles on the page. This could confuse the user if they expect more rows than the table contains. Provide a context for the percent of progress. Instructions are not provided to indicate that items with asterisks are required or all items on the page are required. Items read star, but don t say that means required. Insufficient instructions are provided to remediate errors and ensure the user can successfully complete the form. The number of errors on the page is not clear in some cases. No means provided to jump to the areas needed corrections. Instruction not provided on how to go to the next page. The Next button reads Next button, Image button, which is confusing and doesn t clearly indicate to use the Next button to proceed. Form Controls only read the label associated with the control, but not the required information. 12

14 Eligibility form 6 - Job income scrflaiejobincome Pages seem to double speak their titles when first entering the page. Provide a context for the percent of progress. Instructions are not provided to indicate that items with asterisks are required or all items on the page are required. Items read star, but don t say that means required. Insufficient instructions are provided to remediate errors and ensure the user can successfully complete the form. The number of errors on the page is not clear in some cases. No means provided to jump to the areas needed corrections. Instruction not provided on how to go to the next page. The Next button reads Next button, Image button, which is confusing and doesn t clearly indicate to use the Next button to proceed. No indication or instructions when the page contents have changed. 13

15 Eligibility form 7 - Other types of income scrflaieotherincome Pages seem to double speak their titles when first entering the page. Provide a context for the percent of progress. Insufficient instructions are provided to remediate errors and ensure the user can successfully complete the form. The number of errors on the page is not clear in some cases. No means provided to jump to the areas needed corrections. Instruction not provided on how to go to the next page. The Next button reads Next button, Image button, which is confusing and doesn t clearly indicate to use the Next button to proceed. Form Controls only read the label associated with the control, but not the required information. 14

16 Eligibility form 8 - Housing expenses scrflaiehousingexpense Pages seem to double speak their titles when first entering the page. Provide a context for the percent of progress. Instructions are not provided to indicate that items with asterisks are required or all items on the page are required. Items read star, but don t say that means required. Insufficient instructions are provided to remediate errors and ensure the user can successfully complete the form. The number of errors on the page is not clear in some cases. No means provided to jump to the areas needed corrections. Instruction not provided on how to go to the next page. The Next button reads Next button, Image button, which is confusing and doesn t clearly indicate to use the Next button to proceed. Form Controls only read the label associated with the control, but not the required information. 15

17 Eligibility form 9 - Other Expenses scrflaieotherexpense Pages seem to double speak their titles when first entering the page. Each topic section should be its own heading for reading purposes and ease of navigation. Provide a context for the percent of progress. Insufficient instructions are provided to remediate errors and ensure the user can successfully complete the form. The number of errors on the page is not clear in some cases. No means provided to jump to the areas needed corrections. Instruction not provided on how to go to the next page. The Next button reads Next button, Image button, which is confusing and doesn t clearly indicate to use the Next button to proceed. Form Controls only read the label associated with the control, but not the required information. Text between and after the form fields is hard to find to read the instructions without browsing around the page to determine how to complete the form. 16

18 Eligibility form 10 - Your Assets scrflaieassets Pages seem to double speak their titles when first entering the page. Provide a context for the percent of progress. Insufficient instructions are provided to remediate errors and ensure the user can successfully complete the form. The number of errors on the page is not clear in some cases. No means provided to jump to the areas needed corrections. Instruction not provided on how to go to the next page. The Next button reads Next button, Image button, which is confusing and doesn t clearly indicate to use the Next button to proceed. Form Controls only read the label associated with the control, but not the required information. 17

19 Eligibility form 11 - What you told us - Summary scrflaiesummary Pages seem to double speak their titles when first entering the page. Provide a context for the percent of progress. No elements are in non-compliance with Section 508 guidelines. 18

20 Eligibility form 12 - Your results aieresults Pages seem to double speak their titles when first entering the page. No elements are in non-compliance with Section 508 guidelines. 19

21 Eligibility form 13 - Thank you and exit aiethankyou Pages seem to double speak their titles when first entering the page. No elements are in non-compliance with Section 508 guidelines. 20

22 Additional Comments Instructions should be specific to the area that needs remediation. Ideally, it is best to provide a means to fix the problem before submitting, but at least provide a means to jump to the item or put the error indication right next to the problem. Next button should say, go to next page. The Welcome page informs, use your mouse to click Next to get started, the other pages should indicate the button is the last control on the page. The page is confusing to read line by line because the information repeats due to the graphic being labeled, and it has the same name as the text below it. Suggest that graphics with a text equivalent nearby should not be tagged as they don t convey content. Radio buttons don t read their titles in Tab navigation. Reads the label for the radio button or check box, but doesn t read the statement of the required information. When pressing Tab to move from some of the combo boxes (Other People) to a radio button group, no instruction was given to use arrow keys to change the selection and the up/down arrow did not change the selection. Moving back and then forward to the radio buttons made it work correctly. This seemed intermittent, so it is not marked as non-compliant, but it seems certain that some radio buttons don t work in Tab navigation. Please check. The controls (i.e. radio buttons) should say, Heading, control label, control type, state. Use the up and down arrows to change your selection. When a control negates the other selections the secondary controls should be not selectable. This clarifies the selection choices and avoids errors. When information appears on the page that may not have been present prior to an action on the page, the user should be notified and provided a means to directly access the information. It appears that reading and entering information doesn t stop the timeout, as the web application reset while actively entering data in the fields and reading with the screen reader. When the page timed out the pop-up allowed for extra time to complete the page, but it deleted all the entries on the page and dropped focus back to the page with no indication if the page had changed or that the entries were deleted. 21

23 ACCESS FLORIDA ELIGIBILITY SUMMARY TABLE Page Name Page URL Navigation JAWS Reading Forms - Conpliance with Section 508 (N) Forms Controls Select and Activate Forms - reads label Instructions and Error Remediation Other Issues Unless noted in BOLD, scores and comments are suggestions based on WCAG 2.0 requirements and usability with assistive technology. Benefits Home (Main page) Access Florida Notices Helpful Links ida/index_acc.html Pass Fail Pass Pass Pass ida/rsslatest.xml Pass Pass Fail Fail Fail ida/links_acc.html Pass Pass Pass Pass Pass Access Florida scrflhomepage Pass Fail Pass Pass Pass Forgot User ID forgotuser Pass Pass Pass Pass Fail Forgot Password forgotpassword Pass Pass Pass Pass Pass Welcome / Know your eligibility scrflaiewelcome Pass Pass Pass Pass Pass Eligibility form 1 - Your Home scrflaieyourhome Pass Pass Fail Pass Fail Eligibility form 2 - other people aieotherpeople Pass Fail Fail Fail Fail Eligibility form 3 - people in home scrflaieindividualdemographicsform Pass Pass Pass Fail Fail Eligibility form 4 - nursing_medicare scrflaienursingmedicare Pass Pass Fail Pass Fail Eligibility form 5 - your money scrflaieyourmoney Pass Pass Fail Pass Fail Eligibility form 6 - Job income scrflaiejobincome Pass Pass Pass Pass Fail Eligibility form 7 - Other types of income scrflaieotherincome Pass Fail Pass Pass Fail Eligibility form 8 - Housing expenses scrflaiehousingexpense Pass Pass Pass Pass Fail Eligibility form 9 - Other Expenses scrflaieotherexpense Pass Pass Fail Pass Fail Eligibility form 10 - Your Assets scrflaieassets Pass Pass Fail Pass Fail Eligibility form 11 - What you told us - Summary scrflaiesummary Pass Pass Pass Pass Pass Eligibility form 12 - Your results aieresults Pass Pass Pass Pass Pass Eligibility form 13 - Thank you and exit aiethankyou Pass Pass Pass Pass Pass Percentage of pages passing 100% 85% 54% 85% 23% Fail- 508 g - table without header 22

24 Apply for Assistance scrflstartappl Try to use more inclusive working. It s not wrong, but mouse users know they need to click. It would be a great instruction for a visually impaired user to mention the Next button though. No elements are in non-compliance with Section 508 guidelines. 23

25 Assistance form 2 - Setting up your account createaccount Tab navigation skips the existing account radio button. 24

26 Assistance form 2 - Setting up your account createaccount Forms label double speaks. Undefined link. No instructions for creating User Name and Password. 25

27 Assistance form 3 - Thank you & account info createaccount No elements are in non-compliance with Section 508 guidelines. 26

28 Assistance form 4 - Login accountlogin No elements are in non-compliance with Section 508 guidelines. 27

29 Assistance form 5 - Before you begin - welcome scrflwelcome No elements are in non-compliance with Section 508 guidelines. 28

30 Assistance form 6 - For whom applying scrflcompleteappl Radio buttons don t navigate with arrow keys when user uses Tab to move to the control. Jumped past the radio button group using Tab navigation. 29

31 Assistance form 7 - Choose Programs scrflbenefitselections Dividing the page into sections with headers improves navigation for users of assistive technology. Errors on page don t read when page refreshes so there is no notification the page has errors or notification the page has not submitted correctly. Instructions are unclear as to what programs must be selected. As a sighted user, it took several attempts to select the right items. 30

32 Assistance form 8 - More about assistance_caregiver scrflrelativecaregiver All programs were selected, but could not get this page to display again. NOT TESTED 31

33 Assistance form 9 - More about assistance_cash_work program scrflworkprogram No elements are in non-compliance with Section 508 guidelines. 32

34 Assistance form 10 - About you scrflpip All pages have the same issues with instructions. Instructions don t read unless the user waits for the page to read from the top. No means to jump to the area that needs correction or jump back to the errors. Some pages didn t read the number of errors on the page. Mailing Address radio button doesn t read correctly. DOB instructions are listed after the field. 33

35 Assistance form 11 - Address Validation crflmatchaddress The page change didn t inform the user they had left the original page and then returned to another page confusing. 34

36 Assistance form 12 - Head of Household summary scrflapplsummary If a person did not know that graphic was there, they could still understand the page. The screen reader says Graphic of adult male image before Roger 43. This is very confusing if you are not viewing the screen. Conveying information and instructions by using graphic descriptions is difficult. If the graphic labels and the table headers can be read and understood, there is no violation. Most of the table is correct, but the screen reader expresses the table header and graphic label like a question, Section Complete?... Check graphic. This makes the user believe the page is asking them if the section is complete. The Edit graphic reads Pencil. This section is difficult to understand unless you are visually observing the table layout and graphics on the screen in context to what the screen reader reads. The list at the bottom of the page speaks correctly when the control gains focus, but speaks again when it loses focus. 35

37 Assistance form 13 - People in home scrflindividuals The table structure on the page is spoken when landing on the table, but suggests a different number of columns and rows than represented on the page. A blind or low vision user will take this announcement literally and expect the table has that number of rows. When they navigate through the table they will then be confused where they are located on the page. Radio buttons don t navigate or select correctly with up/down arrows and don t speak the prompt question prior to the control name when using Tab navigation. The user must use down arrow to read the question prompt, radio button, not selected, label, radio button, not selected, and then step backward to make a selection using the Spacebar. This is very tedious and confusing for an average user of assistive technology. 36

38 Assistance form 14 - People in home (2) (other person - duplicate of previous form page) scrflindividuals This is a duplicate of the previous page 37

39 Assistance form 15 - Rights and responsibilities scrflhippa Headings are provided to allow the user to jump down the long text reading window to the next section. This is good design! 38

40 Assistance form 16 - Hippa statement scrflhippastatement This is a duplicate of the previous page 39

41 Note: After reviewing a significant set of pages in the Apply for Assistance forms set, it was determined these pages contain the same types of pages and exhibit the exact same behavior as the pages in the Am I Eligible forms set. The entire set of 65 pages was not reviewed, as the pages reviewed thoroughly represent the noncompliance issues with the web application. General: The Welcome page informs, Use your mouse to click Next to get started. It s best to state, Use the Next button to get started the other pages should indicate the button is the last control on the page. Next button should say, Go to next page. The pages are confusing to read line by line because the information repeats due to the graphic being labeled, and it has the same name as the text below it. Suggest that graphics with a text equivalent nearby should not be tagged as they don t convey content. Page timeout causes entries to be lost and no indication to user that page has changed. Difficult to navigate the forms and use the read next line command to hear the prompts, and then switch back and forth to Tab navigation to move to the next control. Occasionally radio buttons don t select with arrow keys. Required moving back and forth constantly to read, activate control, read line, etc. This is very cumbersome even for a sighted person using the screen reader. Radio buttons don t read their prompts like the other controls and don t select with arrow keys. Headings should be provided when the page has multiple sections. This allows users to jump down the page when remediating errors. Forms: Items that contain no submittal data and are essentially information were not considered to require error remediation instructions and are marked PASS. Ideally, it is best for form entry fields to provide a means to fix the problem before submitting, but at least provide a means to jump to the item or put the error indication right next to the problem. Instructions should be specific to the area that needs remediation and provide specific instructions as to how to correct the errors on the page. When information appears on the page that may not have been present prior to an action on the page, the user should be notified and provided a means to directly access the information. Radio buttons don t read their titles in Tab navigation. Reads the label for the radio button or check box, but doesn t read the statement of the required information. When pressing Tab to move from some of the combo boxes (Other People) to a radio button group, no instruction was given to use arrow keys to change the selection and the up/down arrow did not change the selection. Moving back and then forward to the radio buttons made it work correctly. This seemed intermittent, so it is not marked as non-compliant, but it seems certain that some radio buttons don t work in Tab navigation. Please check. The controls (i.e. radio buttons) should say, prompt (question), control label, control type, state. Use the up and down arrows to change your selection. 40

42 ACCESS FLORIDA ELIGIBILITY SUMMARY TABLE Page Name Page URL Navigation JAWS Reading Forms - Conpliance with Section 508 (N) Forms - reads label Forms Controls Select and Activate Instructions and Error Remediation Other Issues Unless noted in BOLD, scores and comments are suggestions based on WCAG 2.0 requirements and usability with assistive technology. Apply for Assistance scrflstartappl PASS PASS N/A N/A N/A Assistance form 1 - Your account scrflstartcreateaccount PASS PASS PASS FAIL PASS Assistance form 2 - Setting up your account createaccount PASS PASS FAIL PASS FAIL Assistance form 3 - Thank you & account info createaccount PASS PASS PASS PASS PASS Assistance form 4 - Login accountlogin PASS FAIL PASS PASS PASS Assistance form 5 - Before you begin_welcome scrflwelcome PASS PASS FAIL PASS FAIL Assistance form 6 - For whom applying scrflcompleteappl PASS PASS PASS FAIL PASS Assistance form 7 - Choose Programs scrflbenefitselections PASS PASS PASS PASS FAIL Assistance form 8 - More about assistance_caregiver scrflrelativecaregiver - page has changed - page didn't display on second test? Assistance form 9 - More about assistance_cash_work program scrflworkprogram PASS PASS PASS PASS PASS Assistance form 10 - About you scrflpip PASS PASS FAIL PASS FAIL Assistance form 11 - Address Validation scrflmatchaddress PASS PASS PASS PASS FAIL Assistance form 12 - Head of Household summary scrflapplsummary PASS PASS FAIL PASS FAIL Assistance form 13 - People in home scrflindividuals PASS PASS FAIL FAIL FAIL Assistance form 14 - People in home (2) (other person - duplicate of previous form page) scrflindividuals PASS PASS FAIL FAIL FAIL Assistance form 15 - Rights and responsibilities scrflhippa PASS PASS PASS PASS FAIL Assistance form 16 - Hippa statement scrflhippastatement PASS PASS PASS PASS FAIL Percentage of pages passing 100% 94% 56% 69% 31% 41