attachment a - access florida detailed forms revie a - access... · attachment a - access florida...

Section 508 Compliance Review Report

Attachment A - Access Florida Detailed Forms Review

1

Benefits Home (Main page) http://www.myflorida.com/accessflorida/index_acc.html

2

Summary:

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.

3

Access Florida Notices http://www.myflorida.com/accessflorida/RSSLatest.xml

Summary: 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. Section 508 non-compliance: 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.

4

Helpful Links http://www.myflorida.com/accessflorida/links_acc.html

Summary:

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.


5

Access Florida scrflhomepage

Summary:

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.

Section 508 non-compliance:

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.

6

Forgot User ID/Forgot Password Forgotuser/ForgotPassword

Summary:

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)

7

Welcome / Know your eligibility scrflaiewelcome

Summary:

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”.


8

Eligibility form 1 - Your Home scrflaieyourhome

Summary:

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.


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.

9

Eligibility form 2 - other people aieOtherPeople

Summary:



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. Section 508 non-compliance:

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.


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.

10

Eligibility form 3 - people in home scrflaieIndividualDemographicsForm

Summary:










Form Controls only read the label associated with the control, but not the required information.

11

Eligibility form 4 - nursing_medicare scrflaienursingMedicare

Summary:










12

Eligibility form 5 - your money scrflaieyourmoney

Summary:











13

Eligibility form 6 - Job income scrflaiejobincome

Summary:








No indication or instructions when the page contents have changed.

14

Eligibility form 7 - Other types of income scrflaieotherincome

Summary:








15

Eligibility form 8 - Housing expenses scrflaiehousingexpense

Summary:









16

Eligibility form 9 - Other Expenses scrflaieOtherexpense

Summary:









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.

17

Eligibility form 10 - Your Assets scrflaieAssets

Summary:








18

Eligibility form 11 - What you told us - Summary

scrflaiesummary

Summary:





19

Eligibility form 12 - Your results aieResults

Summary:




20

Eligibility form 13 - Thank you and exit aieThankYou

Summary:




21

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.

22

Forms - reads

label

Forms Controls

Select and

Activate

Instructions and

Error

Remediation Other Issues

Benefits Home (Main page)

http://www.myflorida.com/accessflor

ida/index_acc.html Pass Fail Pass Pass Pass

Access Florida Notices


ida/RSSLatest.xml Pass Pass Fail Fail Fail

Helpful Links


ida/links_acc.html Pass Pass Pass Pass Pass

Access Florida scrflhomepage Pass Fail Pass Pass Pass

Fail- 508 g - table

without header

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%

ACCESS FLORIDA ELIGIBILITY SUMMARY TABLE

Unless noted in BOLD, scores and comments are suggestions based on WCAG 2.0 requirements and usability with assistive technology.

Forms - Conpliance with Section 508 (N)

Page Name Page URL Navigation

JAWS

Reading

23

Apply for Assistance scrflstartappl

Summary:

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.


24

Assistance form 2 - Setting up your account createAccount


Tab navigation skips the existing account radio button.

25

Assistance form 2 - Setting up your account createAccount

Summary:

Forms label double speaks.

Undefined link.


No instructions for creating User Name and Password.

26

Assistance form 3 - Thank you & account info

createAccount

Summary:


27

Assistance form 4 - Login accountLogin

Summary:


28

Assistance form 5 - Before you begin -welcome

scrflwelcome

Summary:


29

Assistance form 6 - For whom applying scrflcompleteappl

Summary:


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.

30

Assistance form 7 - Choose Programs scrflbenefitselections

Summary:

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.

31

Assistance form 8 - More about assistance_caregiver

scrflrelativecaregiver

All programs were selected, but could not get this page to display again. NOT TESTED

32

Assistance form 9 - More about assistance_cash_work program

scrflworkprogram

Summary:


33

Assistance form 10 - About you scrflpip

Summary:


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.

34

Assistance form 11 - Address Validation crflMatchAddress

Summary:


The page change didn’t inform the user they had left the original page and then returned to another page –

confusing.

35

Assistance form 12 - Head of Household summary

scrflapplsummary

Summary:

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.

36

Assistance form 13 - People in home scrflindividuals

Summary:


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.

37

Assistance form 14 - People in home (2) (other person - duplicate of previous form page)

scrflindividuals

This is a duplicate of the previous page

38

Assistance form 15 - Rights and responsibilities

scrflhippa

Summary:

Headings are provided to allow the user to jump down the long text reading window to the next section. This is

good design!

39

Assistance form 16 - Hippa statement scrflhippastatement

This is a duplicate of the previous page

40

Summary:

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 non-compliance 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.”

41

Forms - reads

label

Forms Controls

Select and

Activate

Instructions and

Error

Remediation Other Issues

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

100% 94% 56% 69% 31%

Unless noted in BOLD, scores and comments are suggestions based on WCAG 2.0 requirements and usability with assistive technology.

Percentage of pages passing

ACCESS FLORIDA ELIGIBILITY SUMMARY TABLE

Page Name Page URL Navigation

JAWS

Reading

Forms - Conpliance with Section 508 (N)

attachment a - access florida detailed forms revie a - access... · attachment a - access florida...

Documents