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]