Bullyfreezone Lessons Learned


Summary of Accessibility Issues Identified by SiteImprove

Using the SiteImprove Accessibility Evaluation Tool the following issues were identified on the Bully Free Zone website.

    Error No. Error Description & Links to Additional Information Solution Found? Template Change Required? Fixed
    1 Images With No Alt Attribute: Cleardot.gif: Missing Alternative Text (word) (pdf) Location: Google Image - changed the alt tag alt="Spacer Image" to an empty tag alt="" as spacer should not be used. yes yes yes
    2 Presentational attributes used:  deleted presentational attributes (font; color; bgcolor)   yes yes yes
    3 Nondistinguishable links: Made sure links that go to different places do not have the same link text yes No Yes
    4 The heading is missing text:  made sure every page had an h1 heading and all other headings were used in order yes No Yes
    5 The webpage title has no text: entered title text on metadata tab yes No Yes
    6 Avoid the use of the font tag: deleted the font tag  yes No (Coding Required) Yes
    7 Use unique identification for elements:  yes yes yes
    8 Skip repeated content: added a link a top left of page that allows users to skip to the <h1> heading on the page.  Also added Skip to Sitemap link in same location that skips to the <footer_left> tag. yes yes yes
    9 Content outside of landmarks Make sure that all content on the page is included in HTML5 or WAI-ARIA landmarks. No Yes No
    10 Skip repeated content: added a link a top left of page that allows users to skip to the <h1> heading on the page. Also added Skip to Sitemap link in same location that skips to the <footer_left> tag.  yes yes yes
    11 There is no top level heading (H1) on the page:  made sure every page had an h1 heading and all other headings were used in order yes no yes
    12 Appropriate landmark: only span & div tags should have a landmark role.  Html5 components have them built in. yes yes yes
    13 Provide enough time: Ignored this item because we believe it is the slide area generating this warning.  The slides are images that are adequately described using alternative text and are not used for any purpose other than presentation. Ignored    
    14 Order of tabbing: made sure users could tab from link to link on the page.  Set on focus yes yes yes
    15 Text in image:  Ignored these items because they are the logo's for NDE, NV.gov & ADA as well as some of the slides. Ignored    
     

    Additional Issues that came up during the remediation process

             
      Non-distinguishable landmarks: The page contained two or more HTML5 or WAI-ARIA landmarks of the same type that has not been named. Users might not know the difference if it's not somehow explained.  Marked span and div tags with WAI-ARIA role labels.  Added 'aria-label' or 'aria-labelledby' to name the region in a way that clearly explained the purpose yes yes yes
      Alternative text for image is identical to link text: moved links out of the rich area text field and into link / list fields    yes no yes
      Links might be non-distinguishable: Made sure links that go to different places do not have the same link text yes no yes
      Links should be combined: adjacent links go to the same place.  Combined the link labels and then eliminated the adjacent links that went to the same place. yes no yes
      Using standard landmarks:  marked span and div tags with WAI-ARIA roles and labels.  Used html5 region naming convention for other sections yes yes yes
      Missing required WAI-ARIA states or properties: added 'aria-label' or 'aria-labelledby' to name the region in a way that clearly explained the purpose yes yes yes
      Naming generic WAI-ARIA regions: Used either the WAI-ARIA attribue 'aria-label' or 'aria-labelledby' to name the region in a way that clearly explained the purpose yes yes yes