Accessibility Changes Applied to
the Long Term Care Administrators website
11/3-8/17
Staging Changes
Backups
Backed up staging and production websites (nsbla.nv.gov)
Accessibility Monitoring
SiteImprove is not currently monitoring this website for compliance. Each page must be manually checked for compliance with Section 508 and WCAG 2.0 using either the SiteImprove Chrome Extension or WAVE.
Plan
Copied the following files/folder from the ADA website to orientalmedicine.staging.nv.gov
- Add the following files to the XML Files folder
- ADA State Page-Program V4.xslt
- ADA State Page-Program V4.xslt_noHR.xslt
- ADA_documents.xslt
- Ada_EmptyTag.xslt
- ADA_ImageWLink.xslt
- ADA_ListServe.xslt
- ADA_Meetings.xslt
- ADA_Meetings_home.xslt
- ADA_MeetingsTopics.xslt
- ADA_staff_list.xslt
- Carousel_homev2.xslt
- Carouselv2.xslt
- Initiative_boxes_home.V2.xslt
- Initiative_boxes_V2.xslt
- Slides_homev2.xslt
- Slidesv2.xslt
- Add the agency.js script folder & file to staging website
- Add the Accessibility code to the agency.css file
- Replace the nevada.master to staging website
- Style.css verify nav z-index is 1
Siteimprove Chrome Extension Report (Before) 11/3/2017
Homepage (items requiring human review appear in italics below)
A - 30 issues
- Text Alternatives - Non-text content - 8 instances
- Image with no alt attribute – 7 instance (initiative boxes/Slides)
- Image-button without a description (google)
- Adaptable - Info and Relationships - 17 instances
- Link refers to non-existing element – 6 instances
- Presentational attributes used – 8 instances
- Non-distinguishable landmarks – 2 instances
- Content outside of landmarks – 2 instances – ignore the page no it does not appear on production websites
- Navigable – 5 instances
- Bypass Blocks - 1 instance (skip repeated content - skip navigation) it is not indicating this issue when it should be
- Link Purpose (In Context) - 4 instances
- Compatible – Name, Role, Value, WAI-ARIA Role matches functionality – 4 instances
AA - 1 issue
- Contrast (Minimum) – 1 instance
AAA - 1 issue
- Contrast (enhanced) – 1 instance
Siteimprove Chrome Extension Report (After)
Homepage (items requiring human review appear in italics below)
A - 29 issues
- Text Alternatives - Non-text content - 19 instances
- Decorative Images – 6 instances (initiative boxes/Slides) – added alternative text to the 6 slide images and switched out the smart form for the ADA compliant form
- Descriptive ‘aria-label’ attribute – 13 instances
- Adapatable Info & Relationships – 11 Instances
- Appropriate landmark 10 instances
- Appropriate names for landmarks – 1 instance
- Enough Time
- Timing Adjustable – 1 instance
- Navigable – 1 instance
- Focus order – 1 instance - switched out the smart form (initiative boxes)
- Compatible – Name, Role, Value 8 Instances
- WAI-ARIA role matches functionality
AA - 22 issues
- Distinguishable – images of text – 22 Instances- switched out the smart form
AAA - 0 issues
- No issues
Siteimprove Chrome Extension Report Other Site pages 11/8/2017
BOARD
No issues – switched out smart form configuration
Members
Images with no alt attribute - 6 issues – switched out smart form configuration and added alt text for 6 images
Mission & Vision
No issues – switched out smart form configuration
Laws & Regulations
No issues – switched out smart form configuration
FORMS
Ambiguous link text – switched out smart form configuration and eliminated the ‘Click here…” in the link text
FAQs
No issues – switched out smart form configuration
REGISTRATION
No issues – switched out smart form configuration
LANDSCAPE ARCHITECTS
No issues – switched out smart form configuration
MEETINGS
No issues – switched out smart form configuration
2017 – 2012 pages
Non-distinguishable links – switched out smart form configuration and added the date to each document title to distinguish the links
EXAMS
Ambiguous link ‘Click here for details…”- 1 issue – switched out smart form configuration and revised link label
COMPLAINTS
Red text needed to be a darker color & the link at the bottom of the page can’t have ‘click here…’ in the label – switched out smart form configuration, applied the class redtext14 to the redtext which changed the color and relabeled the link to meet ADA requirements
Online Complaint Form
Group form elements - 6 instances – added fieldset and legend elements – added fieldset & changed text of question from a <p</p> tag to a <legend</legend> tag and moved it inside the <fieldset</fieldset> tag.
Presentational attributes - 6 instances – added the following JavaScript to the agency.js file to remove the presentational attributes
/* removes the border & styles on the Online Complaint Form fieldset */
$(".design_view_button").removeAttr("border style z-index");
/* removes the border & styles from the Calendar images in the Online Complaint Form */
$("img[src='/WorkArea/images/ui/icons/calendar.png']").removeAttr("align style");
$("img[src='/WorkArea/images/ui/icons/calendarDelete.png']").removeAttr("align style");
CONTACT
No issues – switched out smart form configuration