ACCESSIBILITY TRAINING August 28, 2014 Accessibility Support Team.
New Features and Accessibility Training...New Features and Accessibility Training CMS Training New...
17
New Features and Accessibility Training CMS Training
Transcript of New Features and Accessibility Training...New Features and Accessibility Training CMS Training New...
NewFeaturesandAccessibilityTrainingCMSTraining
NewFeatures•DepartmentalCalendar-eachsubsitewillhavetheirowncalendarofeventssimilartothecalendaronCCNY’sHomepage•AccesstoDepartmentalCalendar
•AAendtraining•RequestaccessfromTheOfficeofCommunicaFonsandMarkeFng
•EventscanappeareitherontheCCNY’scalendar,aspecificsubsitecalendar,orboth.
DepartmentalCalendar•CalendarstoAppear-checkoneofthetwoopFonsorboth• MainCCNYCalendarofEvents-appearsonCCNY’scalendar• DepartmentalCalendar-appearsonaspecificdepartmentcalendar
• Department-assigneventtodepartmentalgroup•Pleasenotethecalendarisforexternaleventsandnotforanyinternaleventssuchasweeklystaffmee8ngs.
Accessibilityfortheweb• WebAccessibility-peoplewithdisabiliFescanperceive,understand,navigate,andinteractwiththeweb
• 1in5Americansself-idenFfyhavingsometypeofdisability• Approximately12millionAmericansexperienceblindnessorvisionloss
• WhyisWebAccessibilityImportant?• Itprovidesequalaccessandequalopportunityforeveryonetousetheweb.
• Userswithwhonavigatethewebcanpossess:• Visual,Motor/mobility,Auditory,and/orCogniFveDisabiliFes
Accessibilityfortheweb•ScreenreadersoWwarereadsoutallthecontentonawebsite
• PC-downloadfreesoWwareNVDA,worksbestwithFirefoxhAp://www.nvaccess.org/download/
• MAC-canbefoundunder“SystemPreferences”->“Accessibility”• Android-GoogleTalkback(hAps://play.google.com/store/apps/details?id=com.google.android.marvin.talkback)
• iOS:“Sebngs”->“Accessibility”->“VoiceOver”
•OpFmizingimages,content,andmediahelpsscreenreaderstoworkcorrectly
Accessibilityfortheweb• MotorDisabiliFes• Userswillhavehardwarethatcandetectcertainmusclemovements
Bene=itsforHavingAccessibilityFeatures
•Improveusabilityforallvisitors•Reachingnewaudiences•SearchEngineOpFmizaFon(SEO)-pagerankingwithinsearchengines
Searchengineswillpenalizesitesthatdonotmeetminimumaccessibilitystandards
•CUNYstandards–compliancewithAmericanswithDisabiliFesAct(ADA)
"CUNYiscommiAedtoprovidingstudents,faculty,staff,andthegeneralpublicwiththetechnologyandinformaFontheyneed....AlloftheUniversity'selectronicandinformaFontechnologiesmustbeaccessibletoallindividualswhowishtoaccessthem."
hAp://www2.cuny.edu/accessibility/statement/
AddingImageAlternativeText&TitleText
BasicLayout
CustomLayout
•Images-Use“AlternaFveText”and“TitleText”tags•AlternaFvetextisusedbyscreenreaderswhentheimagecannotbeloaded•TitletextisusedinthetoolFpwhenauserhoverstheirmouseovertheimage
ImageAlternativeText&TitleTextOutput
AddingImageAlternativeText&TitleTexttoPro=ileImages• Profiles-AddAlternaFveTextandTitleTexttagstoprofileimage• Onprofile,click“Edit”• InediFngbox,choose“ProfileBasics”• Nexttoprofileimage,click“Edit”
AddingDescriptiontoMenuLinks
WhenEdiFngPageLayout
WhenEdiFngMenu
•Menu-Add“descripFon”foreachnavigaFonlink
MenuDescriptionOutput
PageHeaders<h>Tags-Startwith<h3>tagsintextareabox
PageHeaders
HowtoMakeYourSiteWebAccessible?
•Video-VideosshouldnotplayautomaFcally• AddsubFtlesifpossible
HowtoMakeYourSiteWebAccessible?
•Webform-UseCCNY’swebformtoolbecauseitmeetsminimumaccessibilitystandards• Createsmetadatathatcanbereadbyscreenreaders• GoogleFormsdoesnotgeneratethenecessarymetadata
Weareheretohelp!OfficeofCommunicaFonsandMarkeFngWebrelatedinquiries:[email protected]://www.ccny.cuny.edu/communicaFons/service-request-formSimoneK.McMillion,D.ScDirectorofMarkeFngOffice:x7581smcmillion@ccny.cuny.eduSeamusCampbellWebsiteCoordinatorOffice:[email protected]:[email protected]
