ManualAccessibilityChecklistDRAFTv1.0

March7,2017

MANUALACCESSIBILITYTESTINGCHECKLISTCATEGORIESFORTESTING

• KeyboardNavigation• Non-VisualNavigationwithascreenreader• AlternateVisualAccess• Usability• Non-AudioAccess• STEMContent• DownloadableFiles

TestingToolsNeeded

• Keyboard• WAVEToolbarhttp://wave.webaim.org/orbrowserextension• Screenreader(andknowledgeofhowitworks)

o JAWSo VoiceOver(Mac),o Narrator(Windows)o NVDA(Windows)

• Colorcontrastanalyzero https://chrome.google.com/webstore/detail/color-contrast-

analyzer/dagdlcijhfbmgkjokkjicnnfimlebcll?hl=en

UsingtheChecklist

AutomatedtestingsuchasusingtheWAVEToolonlycapturesabout30-50%ofaccessibilityissues.Usethischecklisttofollowupwithmanualtesting.

• Eachsectionincludesinstructionsonhowtouseapplicabletestingtools.• Thedesirableanswerforeachyes/noquestionis“Yes.”• Anyquestionansweredwith“No”isanaccessibilityissuethatneedstobeaddressed.• Itishelpfultoprovidedetailsorscreenshotsofissuesfound.

ManualAccessibilityChecklistDRAFTv1.0

March7,2017

TESTINGKEYBOARDNAVIGATION

Thefirststeptomanualtestingistothrowawayyourmouse.Seeifyoucannavigatethepage,includingallmenusandinteractiveelements,usingonlythekeyboard.

KEYBOARDFOCUS

1. UsetheTAB,ENTER,SPACE,andUPandDOWNARROWkeystonavigate.

• Youcanalwaysseethekeyboardfocuswhentabbingthroughthepage.☐Yes☐No• Keyboardfocusdoesnotunexpectedlyshifttootherelements.☐Yes☐No

TABORDER

1. TABthroughthepagetoseeiftheorderislogical.2. SeeifyoucanactivateallinteractiveelementswiththeENTERorSPACEkeys.

• Taborderislogical.☐Yes☐No• Allelementsonthepagecanbereachedbykeyboard.Thisincludeslinks,dropdownmenuitems,buttons,and

otherinteractiveelements.☐Yes☐No• Ifdropdownmenusexist,thekeyboardcanbeusedtoselectandopenitemsinthem.☐Yes☐No☐N/A

ELECTRONICFORMS

• ☐N/A(Therearenoforms.)• Taborderofformfieldsislogical.☐Yes☐No• Indropdownmenus,youcannavigateandselectitemsusingthekeyboardalone.☐Yes☐No• Dataenteredisretainedifthepageisrefreshedortoomuchtimeistakentofilloutformfields.☐Yes☐No• Ifarequiredfieldisleftblank,keyboardfocusshiftstothatfieldwhenuserisnotified.☐Yes☐No

DIALOGBOXESANDPOPUPS

• ☐N/A(Therearenodialogboxes.)• Dialogboxesorpop-upmenusreceivekeyboardfocus.☐Yes☐No• Dialogmessagescanbedismissedusingthekeyboard.☐Yes☐No• Focusreturnstoalogicallocationwhendialogboxesareclosed.☐Yes☐No

MULTIMEDIACONTROLS

Includesfeaturessuchasvideos,audiofiles,calendars,Flashcontent,andphotocarousels.• ☐N/A(Therearenomultimedia.)• Manualcontrolsexist(e.g.start,pause,goback,goforward).☐Yes☐No• Controlscanbetabbedthrough.☐Yes☐No• Controlscanbeactivatedusingthekeyboard.☐Yes☐No

ManualAccessibilityChecklistDRAFTv1.0

March7,2017

TESTINGNON-VISUALNAVIGATION(SCREENREADER)

Whentestingwithyourscreenreader,usethesamekeyboardnavigationstrategiesthatyouusedintheprevioussection(TAB,ENTER,SPACE,andARROWKEYS).Thistime,listentohowthescreenreaderinterpretsthepageasyounavigatewiththekeyboard.

Howtouseascreenreader:

• VoiceOver(Mac)https://help.apple.com/voiceover/info/guide/10.12/• Narrator(Windows)https://support.microsoft.com/en-us/help/22798/windows-10-narrator-get-started• NVDA(Windows)http://webaim.org/articles/nvda/• JAWShttp://webaim.org/articles/jaws/

LINKS–DESCRIPTIVETEXT

OneofthewaysascreenreaderusernavigatesapageisbyusingtheTABkeytoskipthroughthelinksonthepage,orbybringingupalistoflinks.Linksshouldbedescriptivesothatausercaneasilydeterminewheretheywillgoevenwhentakenoutofcontext.

• Linksaredescriptive,withoutgenerictextsuchas“clickhere”.☐Yes☐No• Distinguishinginformationisplacedatthebeginningoflinks.☐Yes☐No• Thetextsoflinksareintuitivewhenlistedalphabetically.☐Yes☐No

LOGICALHEADINGS

Screenreaderusersalsonavigatecontentusingheadings.Headingsallowthemtojumptoaspecificsectioninsteadofhavingtolistentotheentirepage.

• Headingsareusedlogicallytoprovidestructureandindicateimportanceofthecontent.☐Yes☐No• Headinglevelsarenotskipped.☐Yes☐No• Pagescanbenavigatedusingheadings.☐Yes☐No

SKIPNAVIGATIONLINKS

Askipnavigationlinkishelpfulforuserswhodon’twanttoworktheirwaythroughallthelinksonthepagebeforegettingtothemaincontent.Thislinkdoesnothavetobevisibleonthepage,butitshouldbelistedfirstinthetaborder.

• Skipnavigationlinksarepresent.☐Yes☐No• SkiplinksworkasintendedusingJAWS,skippingtothemaincontentofthepage.☐Yes☐No

IMAGES

Anynon-textelementneedsatextdescriptionthatscreenreadingsoftwarecanreadaloudtothelistener.Itshoulddescribethepurposeoftheimageincontext.

• ☐N/A(Therearenoimages.)• Purelydecorativeimageshavenullalternatetext(ALT=””).☐Yes☐No• Allmeaningfulimageshavedescriptivealternatetext.☐Yes☐No• Allnavigationbuttonshavedescriptivealternatetext.☐Yes☐No

ManualAccessibilityChecklistDRAFTv1.0

March7,2017

MULTIMEDIA

Includesfeaturessuchasvideos,audiofiles,calendars,Flashcontent,andphotocarousels.• ☐N/A(Therearenomultimedia.)• Multimediacontrolshavealternatetext.☐Yes☐No• Videooraudiodonotstarttoplayautomatically,onlywhentriggeredbytheuser.☐Yes☐No• Youhearwhatyouexpectwhenselectingcontrols.☐Yes☐No• Usingthecontrolsisintuitive.☐Yes☐No• Videoshaveaudiodescriptionsavailableforanyinformationthatisonlyconveyedvisually.☐Yes☐No• Morevideorequirementsinsection“TESTINGNON-AUDIOACCESS”.

FORMS

• ☐N/A(Therearenoforms.)• Formfieldshavedescriptivelabels.☐Yes☐No• Appropriatedescriptivelabelsarepresentandreadbyscreenreaderwhentabbingthroughformfields.☐

Yes☐No• Youcanfillouttheformsandsubmitthemsuccessfullywithscreenreader.☐Yes☐No• Buttonsarelabeledandreadcorrectlybyscreenreader.☐Yes☐No• Ifarequiredfieldisleftblank,screenreaderreadstheerrortextandnavigatesdialogbuttons.☐Yes☐No• Whenanerrordialogisdismissed,screenreaderautomaticallyreturnstotheemptyfield.☐Yes☐No

LAYOUTTABLES

Layouttablesarenotrecommendedforaccessibility.CSSshouldbeusedratherthantablestolayoutinformation.

• ☐N/A(Therearenolayouttables.)• Tablesarenotusedpurelyforpositioningcontent.☐Yes☐No• Iftablesareusedforlayout,theydonothavedesignatedheaderrows.☐Yes☐No• Iftablesareusedforlayout,thereadingorderofthecellsmakessensewhenlinearized.☐Yes☐No• Iftablesareusedforlayout,theyallowendusercustomizationandtextscaling.☐Yes☐No• Tablesarenotnestedorfilledwithspannedor‘spacer’cells.☐Yes☐No

DATATABLES

• ☐N/A(Therearenodatatables.)• Datatableshavedesignatedheaderand/orcolumnrows.☐Yes☐No• Tableshavecaptions(shorttextdescriptions).☐Yes☐No• Tablesarenotnestedorfilledwithspannedor‘spacer’cells.☐Yes☐No• RoworcolumnheadersareassociatedwiththeappropriateScopeattribute.☐Yes☐No

FRAMES

• ☐N/A(Therearenoframes.)IfFramesarefound(notrecommendedforaccessibility):• Eachframehasadescriptivetitleattributevalue.☐Yes☐No• Whenyourefreshapage,itstaysonthecurrentframe.☐Yes☐No• Whilelisteningwithscreenreader,youcannavigatebetweenframes☐Yes☐No• Whilelisteningwithscreenreader,youcantellwhatthepurposeofeachframeis☐Yes☐No

ManualAccessibilityChecklistDRAFTv1.0

March7,2017

CAPTCHA

IfCAPTCHAisused,itmustbefullyaccessibleandsimpletouse.

• ☐N/A(ThereisnoCAPTCHA.)• CAPTCHAisfullyaccessiblebykeyboard.☐Yes☐No• CAPTCHAisfullyaccessibletoscreenreadingsoftware.☐Yes☐No• AudioCAPTCHAisfullyaccessiblebyscreenreaders,includingapausethatallowsthescreenreadertofinish

beforetheaudiobegins.☐Yes☐No• AudioCAPTCHAhasanalternativeforuserswithhearingimpairments.☐Yes☐No

TESTINGALTERNATEVISUALACCESS

Manyusersarecolorblindorhavelowvision.Colorchoicemattersforbothgroupsofusers.Contrastimpactsthosewithlowvision,whilethosewhoarecolorblindcannotdistinguishbetweencertaincolors.

CHOICEOFCOLOR

• Colorisnotusedasthesolemeansofconveyinginformationonthepage.☐Yes☐No• TheWAVEtestindicatessufficientcontrast(MinimumAA)fortextonsolidcolorbackgrounds.☐Yes☐No• TheChromeWCAG2.0ColorContrastAnalyzerindicatessufficientcontrastfortextontopofimagesor

gradientbackgrounds.☐☐Yes☐No• Hoverstatehassufficientcontrastorunderline☐Yes☐No

FONTSIZE/ZOOM

Thisisimportantforuserswithlowvisionwhochangezoomsettings.

• Textisactualtext(e.g.notimagesoftext).☐Yes☐No• Fontsizesincreasewhenyouzoominonthepage.☐Yes☐No• Textdoesnotbecomepixelatedwhenzoominginonthepage.☐Yes☐No• Itemsdonotbecomejumbledwhenzoominginonthepage.☐Yes☐No

USABILITY

Manyusershaveanon-apparentdisability,suchasatraumaticbraininjuryoracognitiveorlearningdisability,thataffectstheirabilitytoprocessinformation.Clearorganizationofinformationisvitalfortheseusers.

CLEARANDSIMPLECONTENT

• Fontsarebasic,legible,easytoread.☐Yes☐No• Theviewingareaisnotcrowdedorchaotic.☐Yes☐No• Thereisplentyofwhitespace.☐Yes☐No• Thereisnoflashingcontent,blinkingormovingtext.☐Yes☐No

CONSISTENCYANDLOGICINVISUALNAVIGATION

• Menusareconsistentacrosstheentireproduct.☐Yes☐No• Visualnavigationislogical.☐Yes☐No

ManualAccessibilityChecklistDRAFTv1.0

March7,2017

TESTINGNON-AUDIOACCESS

Thisincludesaudiofilessuchaspodcastsaswellasvideos.

• ☐N/A(Thereisnoaudioorvideocontent.)• Usershavecontroloverwhetherornottostartplayingthevideooraudio.☐Yes☐No• Allvideoshavecaptions.☐Yes☐No• Existingcaptionsareaccurate.☐Yes☐No• Captionshavesufficientcontrast.☐Yes☐No• Allaudiofileshavealinktoatranscript.☐Yes☐No

STEM(SCIENCE,TECHNOLOGY,ENGINEERINGANDMATHEMATICS)CONTENT

Thisincludesmathorothercontentthatusesspecialsymbols:

• ☐N/A(Thereisnocontentwithmathorothersymbols.)• Screenreaderrecognizesandreadsthesymbols(FormattedusingMathML,MathJax,LaTeX).☐Yes☐No

DOWNLOADABLEFILES

Documentsthatarelinkedfordownloadfromasitealsoneedtobeaccessible.

• ☐N/A(Therearenodownloadablefiles.)• PDFsaresearchable/OCR’d(youcanhighlightorsearchtextinthedocument).☐Yes☐No☐N/A• PDFshavetagsandthereadingorderislogical.☐Yes☐No☐N/A• PDFshavealttextfornon-textelements.☐Yes☐No☐N/A• Worddocumentshavehierarchicalheadings.☐Yes☐No☐N/A• Worddocumentshavealttextonnon-textelements.☐Yes☐No☐N/A• PowerPointslideshavelogicalreadingorder.☐Yes☐No☐N/A• PPTslideshavealttextonnon-textelements.☐Yes☐No☐N/A• PPTslideshavesufficientcontrast.☐Yes☐No☐N/A