KeepingYourWebsite

ADA-Compliant with eSchoolView

tableofcontents WhatisADA-Compliance?

BasicRequirements

ReadingYourMonthlyADAScanReport

MakingDocumentsADA-Compliant

FixingEmpty-LinkErrors

WhatisADACompliance? ADACompliancereferstotheAmericanswithDisabilitiesActstandardsfor accessibledesign.

Allelectronicandinformationtechnology(likewebsites)mustbeaccessibleto peoplewithdisabilities.
Allwebsitecontentmustbeaccessibletopeoplewithdisabilities,particularlythose whoareblindordeaf.

Asapublicschooldistrict,wemustcomplywithallAandAA-levelADAstandards (low-andmid-tierADA-compliancestandards).

VisitthisW3CWebContentAccessibilityGuidelines(WCAG)page foraresourcethatexplainsthesestandardsindetail.

1
BasicRequirements

Aa

•All images must have alt text so people who use screen readers can access.
•Do not use text-heavy images.
•If you must, ensure all text is captured in alt text or is available as RTF.

2

•Always include an RTF version of PDFuploads. •Word & PPT files are text based, so RTFs are not required in addition. •Use Downloads component for file uploads.

3

•Make sure text colors and fonts are clear and have enough contrast with the background color.
•Also, ensure color-coding is not the only way a conceptis communicated so people who are color-blind can still access.

4

•Empty links have no text content attached, making it difficult or impossible for screen readers to acknowledge what that link is for. •Make sure all links have text content attached.

ReadingyourmonthlyADAReportScan 1.An average of how many errors per

page exist on the site. a.These REQUIRE fixing.
2.An average of how many alerts per page exist on the site.
a.These are concerns that should be checked, but not confirmed errors.
3.Percentage of pages with 0 errors. 4.List of pages with errors/alerts. 5.Hyperlink to the page in question. 6.Summary of total errors/alerts on
the page.

7.Opens the webpage along with labels of each ADA-compliance component of the page.

1.MenutabstoswitchfromSummaryoferrors/alertstoDetailsabouteachtoReferencesexplainingeacherror/alert. 2.Errorssectiondetailingallerrorsonthepage.Clickthe"i"fordetailsabouteacherrortype. 3.Alertssectiondetailingallalertstoreview.Maynotneedcorrecting.Clickthe"i"fordetailsabouteachalerttype. 4.Redboxesareerrorsonthepage-thesetellyouexactlywheretheerrorisoccurring. 5.Bluecirclesdenotepagecomponents-"h"isfor"header".
6.Greeniconsdenotein-compliancecomponents-animageiconisforalternativetext.

MakingYourSiteADA-Compliant Images/Graphics

AddalttextinALLfiletypes Embedded/uploadedimagesarerequiredtohavealttextadded. Filesuploadedtoyoursite(PDF,Word,PowerPoint,etc.)should
alsohavealttextadded.	 ALT TEXT

AddingalttextinPDF AddingalttextinWord&PowerPoint

MakingYourSiteADA-Compliant Text&BackgroundContrast

Textandimagesoftextmusthaveacontrastratioofatleast4.5:1 Largetextcanhavearatioofatleast3:1 Textthatispartofalogoorbrandnamehasnocontrastrequirements
Useatextcolorthatsufficientlycontrastsagainstthebackground. Whendesigningposters,flyers,homepagesliders,etc.,choosefonts thatareeasytoread.

Howtocheckcontrast Onlinecolorcontrastchecker

MakingYourSiteADA-Compliant

Item 5 9.1%

Color-CodingAlternatives	Item 4
13% Colorshouldnotbe

theonlyindicatorofa

differencebetween

Item 1 13%

Item 2

26%

Poor

twothings

Labelchartsclearly, underlinelinks,mark requireditemswith
asterisks,usestripes

Item 3 39%

Good

andpatterns,etc.

MakingYourSiteADA-Compliant RunAccessibilityReports

Double-checkfileaccessibilitybyrunningareporttoflagpotential problemareas.

ReportinPDF ReportinWord&PowerPoint

FixingBrokenLinks 1.Removelinksbeforedeletingtext.

a.Clickonhyperlinkedtextandclickthe“Unlink”icon. b.THENdelete/replacetext(andaddnewlinkifneeded)
2.Removespacesfromedgesoflinkedtext. a.Donottype(orhighlighttohyperlink)emptyspacesatthebeginningorendoftext.
3.Pastecopiedtextas“cleantext”. a.Ifsourceofcopiedtexthasanemptylink,itwilltransferovertoyourTextWindow. b.3optionstofix:
i.Select“clean”ifpromptedwhenpastingtext ii.Typetextdirectlyintotextwindow
iii.PastetextintoWordfirsttostripallformatting,thencopy/pastefromWord.

KendraBurt DigitalMediaSpecialist

KendraBurt@cusd.com x79030